javascript - 独自の geojson レイヤーがある場合に、Google マップから緯度経度を取得する方法は?

Question

google.maps.event.addListener(map, 'click', function( event ){
  alert( "Latitude: "+event.latLng.lat()+" "+", longitude:"+event.latLng.lng() ); 
});  

このコードは、Google マップをクリックすると緯度経度を示します。ただし、独自の geojson レイヤーがある場合は機能しません。つまり、Google マップ上にポリゴンの独自の geojson レイヤーがある場合、そのポリゴン内をクリックしても上記のコードは機能しません。

Answer 1

クリック イベント リスナーをデータ レイヤーに追加するか、マウス イベントを受け付けないようにデータ レイヤーを設定します ( clickable:false)。

データ層にイベント リスナーを設定します。

  google.maps.event.addListener(map, 'click', function(event) {
    alert("Latitude: " + event.latLng.lat() + " " + ", longitude: " + event.latLng.lng());
  });
  // Set mouseover event for each feature.
  map.data.addListener('click', function(event) {
    alert("Latitude: " + event.latLng.lat() + " " + ", longitude: " + event.latLng.lng());
  });

概念実証フィドル

データレイヤーを次のように設定しclickable: falseます。

map.data.setStyle(function(feature) {
  var color = 'gray';
  var opacity = 0.45;

  return /** @type {google.maps.Data.StyleOptions} */ ({
    fillColor: color,
    strokeColor: "black",
    strokeWeight: 2,
    strokeOpacity: opacity,
    fillOpacity: opacity,
    clickable: false
  });
});

概念実証フィドル