小编geo*_*eom的帖子

在Google Maps API v3中缩放到geojson多边形边界

我正在从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)

geojson google-maps-api-3

19
推荐指数
2
解决办法
1万
查看次数

标签 统计

geojson ×1

google-maps-api-3 ×1