我正在从Postgis数据库加载geojson,并希望在我的地图上显示它.绘制多边形后,我希望地图缩放到添加的多边形的范围.
我的数据加载正常并在地图上显示正确,但我无法弄清楚如何获取边界并将缩放更改为新添加的多边形.我尝试使用Google 数据层中的部分代码 :拖放GeoJSON示例,但显示的地图放大到靠近贝克群岛的太平洋某处,而多边形在卢森堡正确显示.
这里是我使用的代码:
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);
} …Run Code Online (Sandbox Code Playgroud)