Google Map折線陣列

Question

我是Google Map應用程序的新手。我已閱讀關於Polyline數組的文章（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> 

當我運行它。這是行不通的。謝謝你的回覆。

Answer 1

我認爲你需要改變這一點：

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

這樣：

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

所以，你只能通過一個經緯度點，而不是包含一個數組。所以它更接近你給出的例子，

path.push(event.latLng);