谷歌地图轨迹颜色

Google Maps Track Color

本文关键字：轨迹颜色 谷歌地图      更新时间：2023-09-26

有人知道我如何更改导入谷歌地图的轨道的颜色吗？我有两个轨道导入，其中一个我想是蓝色的，另一个是红色的。我正在使用谷歌地图拉.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>

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

相关文章：