複数のGoogleマップ座標を設定する配列内のオブジェクト

Question

オブジェクト内の点の緯度と経度、および配列内のすべてのオブジェクトを保存します。しかし、私の配列は、各オブジェクトを複数回取得します。

は、これは私のコードです：

function initMap1() { 
    var mapDiv = document.getElementById('frame1'); 
    map = new google.maps.Map(mapDiv,{ 
    center: {lat: 3.875083, lng: 11.516110}, 
    zoom: 14, 
    disableDoubleClickZoom: true 
    }); 
    var Data = []; 
    google.maps.event.addListener(map,'dblclick',function(e){ 
    var Object = {}; 
    lat.val(e.latLng.lat()); 
    lng.val(e.latLng.lng()); 
    $('#btn_modal').click(function(){ 
     Object['lat'] = e.latLng.lat(); 
     Object['lng'] = e.latLng.lng(); 
     Object['icone'] = nat.val(); 
     var marker = new google.maps.Marker({ 
     position: {lat:e.latLng.lat(),lng:e.latLng.lng()}, 
     map: map, 
     icon:'img/icones/'+(nat.val())+'.png', 
     title: nat.val() 
     }); 
    }); 
    Data.push(Object); 
    }); 
} 

Answer 1

あなたがあなたのモーダルボタンをクリックしたときに、データアレイへのあなたのオブジェクトをプッシュしたい場合は、あなたが作成しているイベントの内側にプッシュコールを移動する必要があります。それ以外の場合は、マップをダブルクリックするたびにオブジェクトが配列にプッシュされます。

代わりの

$('#btn_modal').click(function(){ 
      Object['lat'] = e.latLng.lat(); 
      Object['lng'] = e.latLng.lng(); 
      Object['icone'] = nat.val(); 
      var marker = new google.maps.Marker({ 
       position: {lat:e.latLng.lat(),lng:e.latLng.lng()}, 
       map: map, 
       icon:'img/icones/'+(nat.val())+'.png', 
       title: nat.val() 
      }); 
     }); 
     Data.push(Object); 

は、Googleマップ上でダブルクリックしたときにあなたがボタンにクリックイベントを装着していること

$('#btn_modal').click(function(){ 
      Object['lat'] = e.latLng.lat(); 
      Object['lng'] = e.latLng.lng(); 
      Object['icone'] = nat.val(); 
      var marker = new google.maps.Marker({ 
       position: {lat:e.latLng.lat(),lng:e.latLng.lng()}, 
       map: map, 
       icon:'img/icones/'+(nat.val())+'.png', 
       title: nat.val() 
      }); 
    ----> Data.push(Object); 
     });