這是可能在谷歌地圖？在Google地圖上手動繪製框

Question

我正在將Google地圖集成到Web應用程序中，我有一個可能性問題。

我使用ASP .Net 4.0作爲代碼的基礎，但我懷疑我將不得不使用JavaScript來實現大部分的這一點。基本上我想在地圖上顯示一堆標記，這些標記位於我已經存儲在數據庫中的Lat Long位置，然後讓用戶能夠用鼠標在地圖上繪製一個框，然後找回四角的lat長度的盒子。

如果有人知道我可以做到這一點，這將對我有很大的幫助！

感謝

Answer 1

的谷歌地圖API的複雜性已經讓我害怕了多年。最近我偶然發現了一個名爲GMap3的jQuery插件，它爲你做了很多繁重的工作。

我建議初始化後所有這一切，你從你的.NET代碼打印的Javascript塊，像這樣的東西：

var markersFromDatabase = [ 
    [60.164967,24.94758], 
    [59.956495, 10.764599] 
    //etc. This array should be printed from your serverside code 
]; 
var markersToBeAdded = []; 
jQuery.each(markersFromDatabase, function(indexOfItem, valueOfItem){ 
    markersToBeAdded.push({ 
     lat:valueOfItem[0], 
     lng:valueOfItem[1], 
     options: { 
      draggable: false, 
      icon: "img/your_awesome_icon.png", 
      title: "This is an icon from my database!" 
     } 
    }); 
}); 
jQuery("#map_canvas").gmap3(
    { action: 'addMarkers', 
     markers: markersToBeAdded 
    } 
); 

編輯：我現在意識到，我只回答了一半你的問題。恐怕我對選擇框沒有明顯的答案。我懷疑你可以使用addRectangle，或者在最壞的情況下使用addFixPanel，它允許你在地圖畫布上添加透明的<div>（然後觸發鼠標事件）。

Answer 2

這是與谷歌地圖API 3的覆蓋編輯功能來做到這一點的方法之一。

Google Maps Overlay Editable