Loading GeoJson Google API - CORS policy

Question

我正在尝试使用Google maps API加载一些JSON。

https://developers.google.com/maps/documentation/javascript/datalayer

这是我关于小提琴的代码：

https://jsfiddle.net/simonrenauld/3z7peqdv/6/

<script src="https://storage.cloud.google.com/jsontestdemp/testdata.jsonp"></script>

我尝试像文档中一样加载为 geojsonp

我仍然无法加载到我的地图中。避免 CORS 策略的简单解决方案是什么？

Answer 1

根据谷歌的文档：

注意：为了从另一个域加载 json 文件，该域 必须已启用跨源资源 共享。

否则，请从同一域加载它。 例如，查看这个工作代码沙箱，它从与index.html位于同一根级别的文件(myjson.json(加载Google的GeoJSON示例。

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

希望这有帮助！

Answer 2

是的，如果从本地测试站点转移到实时 URL，则正确，代码需要反映新地址。 https://www.localsite.com/myfile.geojson>> https://www.livesite.com/myfile.geojson。然后不要忘记将geojson文件上传到实时服务器。