Question

我正在使用Google地图JS API在我的网站上开发地图。我的地图有一个本地JSON图层，用于定义地图上的某个多边形区域。当我在视觉工作室内运行时，一切都很顺利，但是当我双击VisualStudio项目外的 map.html 时，多边形不会显示。为什么会这样？

这是加载Json图层的调用：

        map.data.loadGeoJson(href = "MapLayer.json");
        map.data.setStyle({

            fillColor: 'red'
        });

Answer 1

您是否尝试将此文件夹放在xampp / wamp / tomcat或其他http-server中。我怀疑谷歌地图不允许使用file：//协议。

Answer 2

文档只包含链接而没有href。尝试删除它。 https://developers.google.com/maps/documentation/javascript/datalayer

Answer 3

只需将路径放到文件中就像这样.. 如果添加console.log（map.data.loadGeoJson），您应该能够看到Google阵列，或者它至少会通过显示控制台向您显示错误。

map.data.loadGeoJson('PATH TO FILE\MapLayer.json);
console.log(map.data.loadGeoJson)
map.data.setStyle({
                   fillColor: 'red'
                  });

Answer 4

保持简单，这是我正在使用的代码

data = map.data.loadGeoJson('my.geojson');

map.data.addGeoJson(data);

只需调用您的geojson文件（在本示例中为my.geojson），然后将数据添加到地图即可。

如何将本地JSON文件加载到谷歌地图？

4 个答案: