Google地图跟踪颜色

时间:2012-04-01 20:52:30

标签: javascript google-maps maps kml polyline

有谁知道如何更改我导入谷歌地图的其中一首曲目的颜色?我有两个轨道导入其中一个我想要蓝色另一个红色。我使用谷歌地图将.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>

1 个答案:

答案 0 :(得分:0)

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