GeoJSON オブジェクトに格納されているデータを Google マップに表示するのに苦労しています。ポリゴンでクリック イベントを使用すると、初めて機能します。以下のコード:
// Get the GeoJSON file from the server
HTTP.get(Meteor.absoluteUrl("/geo.json"), function(err,result) {
GoogleMaps.maps.fibreMap.instance.data.loadGeoJson("/geo.json");
});
// Add style and colouring to the map
GoogleMaps.maps.fibreMap.instance.data.setStyle(function(feature) {
// Get the Fibrehood Status
var status = feature.getProperty('status');
// Add colour accoring to status
if (status == "live") {
opacity = 0.65;
} else if (status == "build") {
opacity = 0.4;
} else if (status == "register_i") {
opacity = 0.2;
}
// Return the correct styling
return ({
fillColor: '#ec008c',
strokeColor: '#ec008c',
strokeOpacity: 0.35,
strokeWeight: 0,
fillOpacity: opacity
});
});
GoogleMaps.maps.fibreMap.instance.data.addListener('click', function(event) {
var hood = event.feature.getProperty('name');
var status = event.feature.getProperty('status');
console.log(hood + " : " + status);
});
ただし、GeoComplete を使用してアドレスにピンをドロップしようとすると、実行されません。これは、マップ上にマーカーがドロップされたり、Dom 要素が変更されたりするなど、何らかのイベントでトリガーされる必要があることはわかっていますが、それを理解することはできません。
DOM からイベントをトリガーしたり、マップにマーカーをドロップしたりする方法についての洞察を持っている人はいますか? 私は少し初心者なので、助けていただければ幸いです。
ありがとうマイク