如何通過鼠標拖動選擇區域內的標記？

Question

簡而言之
我想找到所有的標記，位於通過拖動鼠標在地圖上創建的矩形區域內。此功能是否支持任何jQuery插件或其他功能？如果沒有，我想在我的項目中實現這一點。我認爲這將很酷。

詳細信息
我使用的是Google Maps v2，因爲我想在我的項目中支持IE 6。

我是地圖的初學者，經歷了Developer's guide section以及一些基本的演示和其他SO問題。

這裏是我的想法至今 -

• 用戶點擊地圖上的控制部分中的「選擇區域」按鈕。這將調用disableDragging（）並且用戶準備好進行選擇。 （可能是http://code.google.com/apis/maps/documentation/javascript/v2/controls.html#Custom_Controls給出了一些想法如何做到這一點）

• 然後用戶做一個區域選擇。注意選擇開始和選擇結束點，並假定它們是矩形的兩個對角，找到其中的標記。但是，到目前爲止，我沒有看到任何工作代碼來獲取點擊點的座標。我想最好是用經度/緯度作爲座標而不是實際的x-y座標。這個問題Google Maps API using jQuery Plugin: How to get a marker's latitude and longitude on click?討論點擊它時獲取標記的緯度/經度，但我還沒有成功嘗試過。

摘要
這裏是我的問題再次 -

• 如何顯示在地圖上一個矩形選擇區域？ （一般爲灰白色，外觀透明）

• 如何獲得點擊點的lat/lang（緯度/經度），然後擴展它以獲得選擇開始點和結束點的緯度/經度。

我對jQuery很有經驗，如果有一些很好的jQuery插件解決方案，請讓我知道。我看到了這個10 jQuery Plugins for Easier Google Map Installation的列表，但不確定這些列表是否能幫助我滿足我的要求。

當我有標記列表時，我想在單獨的顯示部分中填充一些相關信息，以便每次用戶選擇某些標記時，相應的信息都會顯示在顯示部分中。這部分應該更容易。

感謝

Answer 1

您可以檢查Google Maps API Demo Gallery下KeyDragZoom例如實現矩形選擇功能。你可以找到文檔here。

對於第二個問題，你可以使用GLatLngBounds類及其containsLatLng(latlng:GLatLng)功能。通過將您的GLatLngBounds對象設置爲矩形的邊界，您可以使用containsLatLng函數對它進行測試。

如果你決定使用KeyDragZoom，增加了dragend監聽器getDragZoomObject會給你一個GLatLngBounds對象，您可以使用針對與containsLatLng功能測試你的標記。

map.enableKeyDragZoom(); 
var dz = map.getDragZoomObject(); 
GEvent.addListener(dz, 'dragend', function (bnds) { 
    // test your markers against bnds here 
});