谷歌地图轨迹颜色答案

【问题标题】：Google Maps Track Color谷歌地图轨迹颜色
【发布时间】：2012-04-15 15:07:17
【问题描述】：

有谁知道如何更改我正在导入谷歌地图的其中一条轨道的颜色？我有两首曲目导入其中一个我想是蓝色的，另一个是红色的。我正在使用谷歌地图将 .gpx 文件提取为 kml 图层，这是最好的方法吗？

任何帮助表示赞赏。

这是我拥有的代码（在一个网站上找到了这个，用于将文件作为 gpx 拉入 - 所有谷歌地图编码的新手）：

<script type="text/javascript">
  function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

    var ctaLayer = new google.maps.KmlLayer('http://www.walkwithjon.co.uk/ForTor.gpx');

    var ctaLayer2 = new google.maps.KmlLayer('http://www.walkwithjon.co.uk/Tor2.gpx');


ctaLayer2.setMap(map);

ctaLayer.setMap(map);

   var lines = xmlDoc.documentElement.getElementsByTagName("trkpt");
      // read each line
      for (var a = 0; a < lines.length; a++) {
        // get any line attributes
        var colour = lines[a].getAttribute("color");
        var width  = parseFloat(lines[a].getAttribute("width"));
        // read each point on that line
        var points = lines[a].getElementsByTagName("point");
        var pts = [];
        for (var i = 0; i < points.length; i++) {
           pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")),
                               parseFloat(points[i].getAttribute("lng")));
        }
        map.addOverlay(new GPolyline(pts,colour,width));
      }


  }


</script>

【问题讨论】：

标签： javascript google-maps maps kml polyline

【解决方案1】：

任何文件xmlDoc 引用都应该有一个名为color 的属性，您可以编辑它（我假设颜色是十六进制值）。

【讨论】：