矩形通過谷歌地圖的DrawingManager繪製不會觸發mousemove事件

Question

我想：

• 一個谷歌地圖
• 最多有上矩形
• 顯示鼠標時的當前位置上繪製矩形它的動作

所以，我想出了這個代碼 - http://jsfiddle.net/mark69_fnd/vBwf6/4/ 我訂閱rectanglecomplete事件的實例，以便處理前一個矩形，保存對新矩形的引用並訂閱矩形上的mousemove事件。

問題是，mousemove事件永遠不會被觸發。

我在做什麼錯誤，以及如何解決它？

謝謝。

Answer 1

這裏是一個函數，它給出了與地圖容器左上角相關的像素偏移量的GPS座標。

function getLatLngByOffset(map, offsetX, offsetY){ 
    var currentBounds = map.getBounds(); 
    var topLeftLatLng = new google.maps.LatLng(currentBounds.getNorthEast().lat(), 
               currentBounds.getSouthWest().lng()); 
    var point = map.getProjection().fromLatLngToPoint(topLeftLatLng); 
    point.x += offsetX/(1<<map.getZoom()); 
    point.y += offsetY/(1<<map.getZoom()); 
    return map.getProjection().fromPointToLatLng(point); 
} 

添加地圖的div元素上'onmousemove'事件偵聽器，然後通過與div的左上角的鼠標位置。

UPDATE：DEMO（測試鉻）