Javascript 是否有任何方法(关于谷歌地图api)来获取鼠标';鼠标悬停时的s偏移量(不使用jquery)
谢谢我不确定是否正确理解了您的问题,但您可能想查看以下示例 在地图上移动鼠标时,地理坐标和DOM坐标将自动更新:Javascript 是否有任何方法(关于谷歌地图api)来获取鼠标';鼠标悬停时的s偏移量(不使用jquery),javascript,google-maps,Javascript,Google Maps,谢谢我不确定是否正确理解了您的问题,但您可能想查看以下示例 在地图上移动鼠标时,地理坐标和DOM坐标将自动更新: GEvent.addListener(map, "mouseover", function() { }); 谷歌地图鼠标移动事件演示 VarMap=新的GMap2(document.getElementById(“map”); 赛特中心地图(新格拉特林(39.00,-77.00),10); addListener(映射,“mousemove”,函数(latlng
GEvent.addListener(map, "mouseover", function() {
});
谷歌地图鼠标移动事件演示
VarMap=新的GMap2(document.getElementById(“map”);
赛特中心地图(新格拉特林(39.00,-77.00),10);
addListener(映射,“mousemove”,函数(latlng){
document.getElementById('div_坐标').innerHTML=
'Div坐标:'+
map.fromLatLngToContainerPixel(latlng).x+','+
地图。从LATLNGTOCONTAINERPIxel(latlng).y;
document.getElementById('geo_坐标').innerHTML=
'地理坐标:'+latlng.lat()+','+latlng.lng();
});
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps mousemove Event Demo</title>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=false"
type="text/javascript"></script>
</head>
<body onunload="GUnload()" style="font-family: Arial; font-size: 11px;">
<div id="map" style="width: 500px; height: 300px;"></div>
<div id="div_coordinates"></div>
<div id="geo_coordinates"></div>
<script type="text/javascript">
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(39.00, -77.00), 10);
GEvent.addListener(map, "mousemove", function(latlng) {
document.getElementById('div_coordinates').innerHTML =
'Div Coordinates: ' +
map.fromLatLngToContainerPixel(latlng).x + ', ' +
map.fromLatLngToContainerPixel(latlng).y;
document.getElementById('geo_coordinates').innerHTML =
'Geographical Coordinates: ' + latlng.lat() + ', ' + latlng.lng();
});
</script>
</body>
</html>