这是可能在谷歌地图？在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