谷歌地图v3标记鼠标悬停在工具提示上
我想在鼠标悬停在标记上时使用div创建一个工具提示，但我不知道如何获得屏幕位置才能将div放在正确的位置，以下是我的代码：
google.maps.event.addListener(marker, "mouseover", function() {
divover.css("left", marker.get("left"));
divover.css("top", marker.get("top"));
divover.css("display", "block");
});
google.maps.event.addListener(marker, "mouseout", function() {
divover.css("display", "none");
});显然，get方法失败了。有什么想法吗？
回答 6
Stack Overflow用户
发布于 2010-04-28 15:20:28
这是一个棘手的问题。在接口的v2中，您可以这样做：
map.fromLatLngToContainerPixel(marker.getLatLng(), zoomLevel);在v3中，方法fromLatLngToContainerPixel已移至MapCanvasProjection对象。要获取MapCanvasProjection对象，需要在OverlayView对象上调用getProjection。看起来Marker类是从OverlayView扩展而来的，但不幸的是它没有getProjection方法。我不知道为什么--也许值得写个bug。
我的方法是基于OverlayView创建我自己的自定义标记类，因此它仍然具有getProjection方法：
var point = this.getProjection().fromLatLngToDivPixel(this.latlng_);你可以阅读谷歌在custom overlays上的教程，或者复制他们的example作为入门指南。
Stack Overflow用户
发布于 2012-02-03 11:21:46
以下是我刚刚创建的教程的链接，该教程介绍如何为Google Maps API V3创建工具提示：http://medelbou.wordpress.com/2012/02/03/creating-a-tooltip-for-google-maps-javascript-api-v3/要查看实际操作，请转到此处http://medelbou.com/demos/google-maps-tooltip/
Stack Overflow用户
发布于 2011-11-04 22:01:24
infowindow就是为了解决这个问题而设计的。http://code.google.com/apis/maps/documentation/javascript/overlays.html#InfoWindows
https://stackoverflow.com/questions/2669727
复制相似问题