我正在从Postgis数据库加载geojson,并希望在地图上显示它。绘制多边形后,我希望地图缩放到添加的多边形的范围。
我的数据加载正确并在地图上正确显示,但我无法弄清如何获取边界并将缩放更改为新添加的多边形。我尝试使用Google的代码部分Data Layer: Drag and Drop GeoJSON example,但是显示的地图缩放到太平洋某处靠近贝克岛,而多边形在卢森堡正确显示。
这是我正在使用的代码:
window.addEventListener("load", func1);
function func1(){
//Load mapdata via geoJson
var parzelle = new google.maps.Data();
parzelle.loadGeoJson("./mapdata/get_parzelle_geojson.php<?php echo "?gid=".$_GET['gid'];?>");
// Set the stroke width, and fill color for each polygon
var featureStyle = {
fillColor: '#ADFF2F',
fillOpacity: 0.1,
strokeColor: '#ADFF2F',
strokeWeight: 1
}
parzelle.setStyle(featureStyle);
parzelle.setMap(map);
zoom(map);
}
function zoom(map) {
var bounds = new google.maps.LatLngBounds();
map.data.forEach(function(feature) {
processPoints(feature.getGeometry(), bounds.extend, bounds);
});
map.fitBounds(bounds);
}
function processPoints(geometry, callback, thisArg) {
if (geometry instanceof google.maps.LatLng) {
callback.call(thisArg, geometry);
} else if (geometry instanceof google.maps.Data.Point) {
callback.call(thisArg, geometry.get());
} else {
geometry.getArray().forEach(function(g) {
processPoints(g, callback, thisArg);
});
}
}
有没有办法让它工作?似乎没有简单的方法来获取google.maps.data-layers
中多边形的边界。