gpt4 book ai didi

javascript - Firefox 中的谷歌地图鼠标事件显示不正确的坐标

转载 作者:行者123 更新时间:2023-11-29 19:26:12 24 4
gpt4 key购买 nike

我有一个 google map api 页面,本地图 div 不在浏览器窗口的左上角 (0,0) 时,它不会从 firefox 中的鼠标事件返回正确的坐标。如果我在 map div 上放置任何 css 填充或边距,谷歌地图中的鼠标事件起点仍然从浏览器窗口的左上角开始,而不是 map div。 mousevent 在 IE 和 Chrome 中正常工作,返回正确的纬度/经度,但不是 Firefox。有人有任何纠正建议吗?

我在 http://jsfiddle.net/fNPvf/15426/ 创建了一个非常简单的示例当鼠标在 map 上移动时显示坐标。您可以在 map 图像的左上角看到坐标应为 0,0,但 Firefox 显示为 50,50。信息窗口显示 map 中心的正确纬度/经度,当您将鼠标移动到该点时,您可以看到坐标差异(向左上角移动 50 像素)。

<html>
<head>
<meta charset="utf-8">
<style>
body {font:12px arial; margin:0px}
#map {
height:400px;
width:400px;
}
</style>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
var map;
coord = new google.maps.LatLng(38.939201, -94.747640)

function initialize() {
var mapOptions = {
zoom: 16,
center: coord
};
map = new google.maps.Map(document.getElementById('map'), mapOptions);

google.maps.event.trigger(map, 'resize');

var coordInfoWindow = new google.maps.InfoWindow();
coordInfoWindow.setContent('38.939201, -94.747640');
coordInfoWindow.setPosition(coord);
coordInfoWindow.open(map);

google.maps.event.addListener(map, "mousemove", function (event) {
document.getElementById("footer").innerHTML = "Mouse X Y:" + event.pixel.toString() + " - Lat Lng:" + event.latLng.toString() + "<br />"
});
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map" style="margin-left:50px;margin-top:50px;"></div>
<div id="footer" style="margin-left:50px; padding:10px;"></div>
</body>
</html>

最佳答案

解决方案:

调用 google maps api 后添加参数 v=3。 user4974882 提供的 fiddle 正在调用 3.exp - 不起作用。

作品:

<script src="https://maps.googleapis.com/maps/api/js?v=3"></script>

Live example

不能正常工作:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>

Live example

(来自 user4974882 的两个 fiddle )

背景:

问题出现在 Firefox 版本 39 中。Mozilla 团队实现了一些关于 offsetX/Y 的新功能 (https bugzilla.mozilla.org/show_bug.cgi?id=69787)。不幸的是,谷歌地图 API 已经以某种方式解决了这个问题(https code.google.com/p/gmaps-api-issues/issues/detail?id=8278),所以 - 一旦 FF39 推出 - 问题就出现了。

关于javascript - Firefox 中的谷歌地图鼠标事件显示不正确的坐标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30651839/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com