首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从Google地图获取点击事件的纬度和经度

从Google地图获取点击事件的纬度和经度
EN

Stack Overflow用户
提问于 2012-02-12 14:45:42
回答 2查看 57.5K关注 0票数 27

我已经成功地实现了Google地图。但还有一件事要做。当用户单击地图(任何坐标)时,我需要检索经度和纬度数据。我的整个代码看起来是这样的:

代码语言:javascript
复制
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var map;
  function initialize() {
      var myLatlng = new google.maps.LatLng(<?=$decimalValueLon?>,<?=$decimalValueLat?>);
      var myOptions = {
      zoom: 17,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.SATELLITE
    };


    map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);

    // marker STARTS    
    var marker = new google.maps.Marker({
    position: myLatlng, 
    title:"Click to view info!"
});  
    marker.setMap(map);
    // marker ENDS

    // info-window STARTS   
    var infowindow = new google.maps.InfoWindow({ content: "<div class='map_bg_logo'><span style='color:#1270a2;'><b><?=$row->bridge_name?></b> (<?=$row->bridge_no?>)</span><div style='border-top:1px dotted #ccc; height:1px;  margin:5px 0;'></div><span style='color:#555;font-size:11px;'><b>Length: </b><?=$row->bridge_length?> meters</span></div>" });
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map,marker);
    });
    // info-window ENDS 
 }

  google.maps.event.addDomListener(window, 'load', initialize);
</script>` 

提前感谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-02-12 15:12:09

您可以像添加加载处理程序一样添加一个单击处理程序:

代码语言:javascript
复制
google.maps.event.addListener(map, "click", function (e) {

    //lat and lng is available in e object
    var latLng = e.latLng;

});
票数 56
EN

Stack Overflow用户

发布于 2016-06-03 03:47:08

代码语言:javascript
复制
    <script>
        var map;
        function init_map() {
            var opts = { 'center': new google.maps.LatLng(35.567980458012094,51.4599609375), 'zoom': 5, 'mapTypeId': google.maps.MapTypeId.ROADMAP }
                map = new google.maps.Map(document.getElementById('mapdiv'), opts);

             google.maps.event.addListener(map,'click',function(event) {
                 document.getElementById('latlongclicked').value = event.latLng.lat()
                 document.getElementById('lotlongclicked').value =  event.latLng.lng()
             });

             google.maps.event.addListener(map,'mousemove',function(event) {
                 document.getElementById('latspan').innerHTML = event.latLng.lat()
                 document.getElementById('lngspan').innerHTML = event.latLng.lng()
             });

        } 
        google.maps.event.addDomListener(window, 'load', init_map);
    </script>
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9247006

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档