当我单击谷歌地图时如何获取鼠标的偏移量（在地图上的左侧和顶部）

Question

就像这样：

<div id="map_canvas" style="width: 500px; height: 300px;float:left;"></div>

左：（<= 300）上：（<= 500）

    GEvent.addListener(map, "click", function() {
      //aFn()
    });

我想在单击时制作一条折线：

var polyline = new GPolyline([onePoint,twoPoint], "#ff0000", 5);
                            map.addOverlay(polyline);

谢谢

Answer 1

我认为您可能想检查fromLatLngToContainerPixel（）方法，该方法计算包含页面上地图的DOM元素中给定地理位置的像素坐标。

您可能要尝试以下示例。 单击地图上的任意位置以获取容器坐标：

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps fromLatLngToContainerPixel Demo</title> 
   <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
           type="text/javascript"></script> 
</head> 
<body onunload="GUnload()"> 

   <div id="map_canvas" style="width: 500px; height: 300px;"></div> 

   <script type="text/javascript"> 

   if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map_canvas"));

      map.setCenter(new GLatLng(39.00, -77.00), 10);

      GEvent.addListener(map, "click", function(overlay, latlng) {
          alert(map.fromLatLngToContainerPixel(latlng).x + ', ' +
                map.fromLatLngToContainerPixel(latlng).y)
      });
   }
   </script> 
</body> 
</html>

当我单击谷歌地图时如何获取鼠标的偏移量（在地图上的左侧和顶部）

问题描述

1 个解决方案

解决方案1
0 已采纳 2010-03-13 01:38:29

当我单击谷歌地图时如何获取鼠标的偏移量（在地图上的左侧和顶部）

问题描述

1 个解决方案

解决方案1 0 已采纳 2010-03-13 01:38:29

解决方案1
0 已采纳 2010-03-13 01:38:29