2010-03-13 2 views
1

는이 같은 것 매핑 클릭 할 때 (지도에서 왼쪽 상단) 오프셋 :하는 방법을 마우스의 내가 구글

<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); 

감사

답변

0

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> 
관련 문제