0

私のアプリでは、パス内の各 latLng にアプリケーション定義のデータを保存したいと考えています。以下のコード例を使用してこれを機能させましたが、これが「たまたま」機能し、将来壊れる可能性がある文書化されていないまぐれなのか、それとも常に機能するはずの完全に有効なコードなのかを知りたいです。要するに、「getPath」は渡されたのと同じ latLng オブジェクトを返すことが保証されていますか、それとも同じ緯度と同じ長さの新しいオブジェクトを返すことができますか?

ご協力ありがとうございます

行をクリックすると、「1 2 3」と警告されます。

<!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

docs getPath ()によると、 「最初のパスを取得します」。そして、setPath() を使用してパスを設定したところです... Google がそのデータを台無しにするかどうかはわかりません。あなたのアプローチは私には健全に思えます。

于 2013-04-15T12:36:30.973 に答える
0

ポリラインを保存する最善の方法は、ジオメトリ ライブラリで Google のエンコード機能を使用することであることがわかりました。

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 に答える