使用geojson在google maps API中绘制多边形

时间:2016-10-25 18:57:15

标签: ajax google-maps-api-3 geojson

我有一个geojson文件,其中包含所有加拿大的提示和#39;坐标,我想使用谷歌地图API将它们绘制为多边形。我从https://www12.statcan.gc.ca/census-recensement/2011/geo/bound-limit/bound-limit-2011-eng.cfm获得了文件(制图格式)。我也有GML文件,如果这更容易加载/解析。我试图使用jQuery加载它,我几乎没有盯着它。有人举个例子吗?感谢

1 个答案:

答案 0 :(得分:-2)

快速谷歌搜索让我知道了这一点,对于初学者:https://developers.google.com/maps/documentation/javascript/importing_data

更新:改进这个答案 在上面列出的链接中,它指出:

  

Google地图数据层为任意地理空间数据(包括GeoJSON)提供容器......

     

...喜欢这个map.data.loadGeoJson('data.json');

换句话说,您不必将文件重命名为.js文件。

以下是来自Google Maps Data Layer的更完整示例:

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -28, lng: 137}
  });

  // NOTE: This uses cross-domain XHR, and may not work on older browsers.
  map.data.loadGeoJson(
      'https://storage.googleapis.com/mapsdevsite/json/google.json');
}