Google Maps API JAVASCRIPT - 長方形を追加（動的）

Question

Googleマップを使用して「アプリ」に少し問題があります。すべて私がしたいことがちょうどクリックした後、新しい矩形を追加され、そしてときに私

google.maps.event.addListener(this.canvas, "click", function(event) 
    { 
     var left = event.latLng.lng() - 0.1; 
     var right = event.latLng.lng() + 0.1; 
     var top = event.latLng.lat() - 0.1; 
     var bottom = event.latLng.lat() + 0.1; 

     var rectangle = new google.maps.Rectangle({ 
      bounds: {north: top, south: bottom, east: right, west: left}, 
      editable: true, 
      draggable: true, 
      fillColor: 'blue', 
      strokeColor: 'blue' 
     }); 

     rectangle.setMap(map.canvas); 

     rectangle.addListener("rightclick", function() 
      { 
       if(rectangle.editable) 
       { 
        rectangle.setOptions({ 
         editable: false, 
         draggable: false, 
         fillColor: "black", 
         strokeColor: "black" 
        }); 
       } 
       else 
       { 
        rectangle.setOptions({ 
         editable: true, 
         draggable: true, 
         fillColor: "blue", 
         strokeColor: "blue" 
        }); 
       } 
      }); 
    }); 

：私はちょうど

私のコード...私のマップに矩形を追加し、各矩形は少しイベントを追加し、動的にしたいです右クリック→有効/無効の四角形を使用してください...

このコードは正常に動作しますが、1つ以上の長方形をロックすると、すべての長方形が移動せず、ドラッグ可能です。

これを手伝ってもらえますか？ありがとう！

ライブデモ：https://jsfiddle.net/3fuf5bqo/ちょうど2倍には地図をクリック（2つの長方形を作成）し、この後にそれらの一つ上（右クリック）だけをクリックします - それらの両方が

Answer 1

うーむを移動しません、問題は "中でした「クリック」や「dbclick」を使用すると問題が解決しました...私はそれを取得しません:-Dしかしそれは動作します