jQuery或Javascript助手从Google获取LatLng

Question

我需要让用户输入地图中任意点的地理代码(LatLng )，以便存储在DB中并在以后使用。

在接受此职责之前，您是否知道jQuery插件或javascript：

• 弹出谷歌地图
• 用户在地图上导航
• 用户点击一个点
• 它将选定的LatLng放在文本框中。
• 关闭弹出窗口

(或类似的东西)

Answer 1

我强烈建议使用v3 api，因为它同样容易使用和快速学习作为一个plugin.Also插件不会为您提供弹出。

所以我的解决方案是：

1.导入

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

2.在html中放置一个div。

<div class="mapClass" id="mapDiv" ></div>

3. 初始化您的地图

var图； 希腊=新google.maps.LatLng(38.822590,24.653320)； //Map options var mapOptions ={缩放: 6，中间:希腊，mapTypeId: google.maps.MapTypeId.ROADMAP }；//制作新地图=新地图mapOptions)；

瞧，你得到你的地图和导航控件

4.绑定onclick事件 google.maps.event.addListener(map, "click",yourFunction);

并实现您的函数，从单击中获取和弦，并填充一些文本字段或其他内容，再加上 添加标记。

function getCoordinates(event){
  if (event.latLng) {
       var marker;
       //Fill your textfields
       document.getElementById('yourLngTextfield').value=event.latLng.lng();
       document.getElementById('yourLatTextfield').value=event.latLng.lat();

       //Remove any previously added marker and add a marker to that spot
       if(marker!=null){
            marker.setMap(null);
       }

       var latlng = event.latLng;
       marker = new google.maps.Marker({
             position: latlng
             map: map
        });
  }
}

不过，it.It还没有经过测试。

现在，如果您想在弹出窗口中添加所有这些，请使用彩色盒

如果仍然想使用插件，请检查这里

干杯