2012-04-23 7 views
1

をトリガしません: GoogleマップDrawingManagerで描かれた矩形は、私がしたいのMouseMoveイベント

  • が長方形
  • にせいぜいたGoogleマップ上

    だから、私はこのコードを思いついた移動します前の矩形を破棄し、新しい矩形への参照を保存し、矩形のmousemoveイベントに登録するには、instanceを使用します。

    問題は、mousemoveイベントが発生しないことです。

    私は間違っていますか、それを修正する方法は何ですか?

    ありがとうございました。

  • 答えて

    7

    マップのコンテナの左上隅に関連するピクセルオフセットで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の左上隅に関連したマウスの位置を通過し、マップのdiv要素に'onmousemove'イベントリスナーを追加します。

    UPDATEDEMOクロームでテスト)

    +0

    は、あなたはそれをjsfiddleすることはできますか?ありがとう。 – mark

    +0

    @mark * DEMO *を参照してください。 – Engineer

    +0

    それは動作します。どうもありがとう。 – mark

    関連する問題