从谷歌地图获取点击事件的纬度和经度
Get Latitude and Longitude on click event from Google map
我已经成功地实现了谷歌地图。但还有一件事要做。当用户点击地图(任何坐标)时,我需要检索经度和纬度数据。我的整个代码如下:
<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>`
提前感谢!
您可以像添加加载处理程序一样添加点击处理程序:
google.maps.event.addListener(map, "click", function (e) {
//lat and lng is available in e object
var latLng = e.latLng;
});
<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>
相关文章:
- “可绘制地图”设置地图选项“纬度-经度”
- 如何将纬度经度从HTML表单传递到谷歌地图
- 在D3中确定纬度/经度视图边界
- 地理位置-如何在文本框中显示纬度/经度
- Amcharts-地图:自定义地图上的错误坐标(纬度/经度)(罗马尼亚县级)
- 纬度/经度在D3.js地图上的位置
- 使用 JSON 从数据库检索纬度经度到 PHP 页面
- 纬度/经度 -> x/y,x/y ->纬度/经度
- 海上交通地图 - 纬度/经度 Javascript
- 使用 Javascript 打乱半径 100m 半径内的纬度经度坐标
- 从数据库读取纬度/经度并在地图上放置标记
- 从没有谷歌地理位置的地址获取纬度/经度
- 在数据库中插入纬度经度
- 如何将矢量(X,Y)位置转换为纬度/经度坐标?Javascript
- 地图框:当我尝试更改 geojson 对象的纬度/经度时,该列表不起作用
- 如果定位服务关闭,英特尔 XDK 地理位置将找不到纬度/经度
- 基于点的聚类可在任何给定时间查找图钉聚类纬度经度
- 在阿尔伯斯投影地图上将纬度/经度转换为X/Y坐标
- 如何从外部文件中提取纬度经度组合
- 将纬度/经度转换为地址