1

Google マップ アプリケーションの初心者です。ポリライン配列に関する記事を読みました (https://developers.google.com/maps/documentation/javascript/overlays#PolylineArrays)。この例では、Event Click を使用して動的配列を作成しました。私の質問は、クリック イベントではなく、配列変数にポリラインを作成することは可能ですか?

グーグルドキュメントのコードは次のとおりです。

var poly;
var map;

function initialize() {
  var chicago = new google.maps.LatLng(41.879535, -87.624333);
  var mapOptions = {
    zoom: 7,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

  var polyOptions = {
    strokeColor: '#000000',
    strokeOpacity: 1.0,
    strokeWeight: 3
  }
  poly = new google.maps.Polyline(polyOptions);
  poly.setMap(map);

  // Add a listener for the click event
  google.maps.event.addListener(map, 'click', addLatLng);
}

/**
 * Handles click events on a map, and adds a new point to the Polyline.
 * @param {MouseEvent} mouseEvent
 */
function addLatLng(event) {

  var path = poly.getPath();

  // Because path is an MVCArray, we can simply append a new coordinate
  // and it will automatically appear
  path.push(event.latLng);

  // Add a new marker at the new plotted point on the polyline.
  var marker = new google.maps.Marker({
    position: event.latLng,
    title: '#' + path.getLength(),
    map: map
  });
}

私は自分のコードをいくつか作成しました：

<script>
        var line;
        var map;
        function initialize() {
            var mapDiv = document.getElementById('map-canvas');
            map = new google.maps.Map(mapDiv, {
                center: new google.maps.LatLng(0, -180),
                zoom: 2,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });
            var path = [new google.maps.LatLng(37.772323, -122.214897),
                new google.maps.LatLng(21.291982, -157.821856)];

            line = new google.maps.Polyline({
                path: path,
                strokeColor: '#ff0000',
                strokeOpacity: 1.0,
                strokeWeight: 2
            });

            line.setMap(map)
        }

        function addNewPoint(position) {
            var path = line.getPath();
            path.push(position);
        }

        ''''' I create a single variable for a new path.
        var NewPath = [new google.maps.LatLng(-27.46758, 153.027892)];
        addNewPoint(NewPath);

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>

そして、私がそれを実行すると。それは動作しません。返信ありがとうございます。

4

1 に答える 1

0

これを変更する必要があると思います：

var NewPath = [new google.maps.LatLng(-27.46758, 153.027892)];
addNewPoint(NewPath);

これに：

var NewPath = new google.maps.LatLng(-27.46758, 153.027892);
addNewPoint(NewPath);

したがって、LatLng ポイントを含む配列ではなく、LatLng ポイントのみを通過します。したがって、それはあなたが与えた例により密接に対応しています。

path.push(event.latLng);
于 2013-01-22T15:53:14.203 に答える