在没有互联网访问的情况下本地运行的Javascript世界地

时间:2017-02-13 12:47:51

标签: javascript google-maps

我正在寻找一种可以在这里使用的工具。

目标是建立一个可以放入数据的基本地图,每个国家都可以扩展为一个因素 - 就像谷歌的例子here一样,这是第一个例子:Region geochart 。

但是,它需要写入in the faq的互联网访问权限。我也检查了Leaflet - 不幸的是同样的故事!

我的问题是,是否有任何Javascript世界地图供离线使用,类似于上面谷歌的地图?

低分辨率解决方案没问题。

1 个答案:

答案 0 :(得分:1)

实际上使用 LeafletJS 也可能是离线地图的好方法。您只需要从本地来源获取数据,例如 geojson svg 。要创建离线地图,您可以在本地下载和使用LeafletJS库。

对于worldmap - codepen中的示例:http://codepen.io/dagmara223/pen/jydMqy

从示例中复制脚本并将其保存到本地html文件中。另请记得从中下载源代码 https://unpkg.com/leaflet@1.0.3/dist/并更新本地文件中的路径。 GeoJSON放在一个带有map函数的js代码块中,但最好将它放在文件旁边,然后在脚本中添加该文件的路径。

有更多工具和选项可以将geojson和svg数据显示为worldmap,只需查看它们即可。

更高级用户的另一个选择 - 从LeafletJS您还可以调用本地存储的磁贴,只需:

L.tileLayer('{z}/{x}/{y}.png', {
...
}).addTo(map);

但是当然你必须将它们存储在结构合理的目录中。