谷歌地圖：如何通過使用gmaps.js

Question

我以gmaps.js的addMarker（）創建了一些標記找到所有地圖內的標記：

var lat= new Array(); 
var lng= new Array(); 
var title= new Array(); 
lat[0]=... 
lng[0]=... 
title[0]=... 
... 

for(i=0;i<lat.lenth;i++){ 
    map.addMarker({ 
    lat: lat[i], 
    lng: lng[i], 
    title: title[i],  
    }); 
} 

現在，我只想得到在當前顯示的地圖中顯示標記，並向表格顯示地點列表。我怎樣才能做到這一點？有沒有gmaps.js的API可以輕鬆實現？

感謝您的幫助！

Answer 1

您需要獲取地圖邊界，然後查看邊界是否包含每個標記。

var bounds = map.getBounds(); 

for (var i=0;i<lat.length;i++) { 
    var latlng = new google.maps.LatLng(lat[i], lng[i]); 

    map.addMarker({ 
    lat: lat[i], 
    lng: lng[i], 
    title: title[i],  
    }); 

    if (bounds.contains(latlng)) { 
    // add the details into an array here. After the loop, output the contents to a div 
    } 
}