0

在我的应用程序中，我想将应用程序定义的数据存储在路径中的每个 latLng 上。我已经使用下面的代码示例让它工作，但我想知道这是否是一个无证的侥幸，只是“发生”工作并且将来可能会被破坏，或者它是完全有效的代码，应该总是工作？简而言之，'getPath' 是否保证返回传入的相同 latLng 对象，或者它是否可以传回具有相同 lat 和相同 lng 的新对象，但谷歌不关心的其他任何东西可能不存在？

感谢您的帮助

单击该行，它应该会提示“一二三”。

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&sensor=false">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(52.0, -1.5),
          zoom: 10,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);

        var polyline = new google.maps.Polyline({
            map: map,
            strokeColor: "blue",
            strokeThicknedss: 2
        });

        polyline.setPath([
            getLatLng(51.9, -1.4, "one"),
            getLatLng(52.0, -1.5, "two"),
            getLatLng(52.0, -1.6, "three")
        ]);

        google.maps.event.addListener(polyline, "click", function() {
            var path = this.getPath().getArray();
            var datas = [];
            for(var i = 0; i < path.length; i++) {
                var ll = path[i];
                datas.push(ll.data);
            }
            alert(datas.join("\n"));
        });
      }

      function getLatLng(lat, lng, data) {
        var ll = new google.maps.LatLng(lat, lng);
        ll.data = data;
        return ll;
      }

      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>
4

2 回答 2

0

那么根据文档getPath() '检索第一个路径'。而且您刚刚使用 setPath() 设置了路径...我不确定 Google 是否会弄乱该数据；你的方法对我来说似乎是合理的。

于 2013-04-15T12:36:30.973 回答
0

我发现存储折线的最佳方式是使用几何库中谷歌的编码功能。

var polylineToStore = google.maps.geometry.encoding.encodePath(polyline.getPath());

这会将 polylineToStore 变量设置为字符串。当您想重用该编码折线时，您只需要对其进行解码：

polyline.setPath(google.maps.geometry.encoding.decodePath(polylineToStore))

https://developers.google.com/maps/documentation/javascript/geometry#Encoding

于 2013-04-15T13:22:38.227 回答