谷歌地图 - addGeoJson 不适用于我的文件答案

【问题标题】：Google Maps - addGeoJson is not working for my file谷歌地图 - addGeoJson 不适用于我的文件
【发布时间】：2019-12-27 14:44:06
【问题描述】：

addGeoJson 在我的文件的谷歌地图中不起作用

请检查下面我在 javascript 中使用的代码

//create the map
map = new google.maps.Map(document.getElementById('map-canvas'), {
   zoom: 6,
   center: {lat:49.79, lng: -8.82}
});

// Load GeoJSON.
var promise = $.getJSON("Sensitive_Areas_Nitrates_Rivers.json"); //same as map.data.loadGeoJson();
promise.then(function(data){
    cachedGeoJson = data; //save the geojson in case we want to update its values
    console.log(cachedGeoJson);
    map.data.addGeoJson(cachedGeoJson,{idPropertyName:"id"});  
});

我已经从here下载了这个文件

你可以查看我的 JSON 文件 Sensitive_Areas_Nitrates_Rivers.json

另外，你可以用多边形检查这个link

我使用了下面的JSON格式，所以你可以检查一下

{ "type": "FeatureCollection", “crs”：{ “类型”：“名称”， “特性”： { “名称”：“EPSG：27700” } }, “特征”： [ { “类型”：“特征”， “身份证”：1， “几何学”： { "type": "MultiLineString", “坐标”：[ [ [ 500051.6875, 224280.03130000085 ], [ 500047.2812999999, 224277.6875 ], [ 499977.5937999999, 224242.625 ], [ 499976.6875, 224242.21880000085 ] ] ] }, “特性”： { “对象ID”：8， "type_of_sa": "SA_N", “日期设计”：1025136000000， "name": "Rivers Itchen", “长度_公里”：12， "uwwtd_code": "UKENRI134", “shape_Length”：12172.080443901654 } } ] }

[500051.6875, 224280.03130000085] - [X, Y] 坐标可能在 EPSG: 27700 到 EPSG:4326，现在我们需要在谷歌地图上显示这些坐标，有什么解决办法吗？

【问题讨论】：

标签： javascript google-maps geojson

【解决方案1】：

由于 Google 地图预计 GeoJSON 位于 EPSG:4326 中，因此需要重新投影 Sensitive_Areas_Nitrates_Rivers.json。例如，QGIS 可以用于此问题（请参阅docs 了解详细信息）

重新投影的Sensitive_Areas_Nitrates_Rivers.json 层将显示如下：

【讨论】：

我想使用 map.data.loadGeoJson('Features.geojson') 函数显示我项目中的所有坐标，如果有任何大文件，浏览器会崩溃所以你知道吗？跨度>

【解决方案2】：

您正在获取以米为单位的坐标。要在谷歌地图中显示，您需要将其转换为 [Lng, Lat]。

要将米转换为 [Lng, Lat]，您需要将投影从 EPSG：27700 更改为 4326 那么只有你能够在 [Lng, Lat] 中获得这个 geojson

您可以使用的工具：QGIS Desktop 3.4.14 链接：https://qgis.org/en/site/forusers/download.html

转换后，您需要将此文件导出为特征。

【讨论】：