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

Question

it would be like this : 就像这样：

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

left:(<=300) top:(<=500) 左：（<= 300）上：（<= 500）

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

i want to make a polyline when i clicked: 我想在单击时制作一条折线：

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

thanks 谢谢

Answer 1

I think you may want to check the fromLatLngToContainerPixel() method, which computes the pixel coordinates of the given geographical point in the DOM element that contains the map on the page. 我认为您可能想检查fromLatLngToContainerPixel（）方法，该方法计算包含页面上地图的DOM元素中给定地理位置的像素坐标。

You may want to try the following example. 您可能要尝试以下示例。 Click anywhere on the map to get the container coordinates: 单击地图上的任意位置以获取容器坐标：

<!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