我正在努力让谷歌地图向我展示存储在 GeoJSON 对象中的数据。如果我在多边形上使用单击事件,它会第一次起作用。下面的代码:
// 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 触发事件或将标记放到地图上?我有点菜鸟,非常感谢任何帮助。
谢谢迈克