5

我已经下载了 kepler.gl 的源代码,https://github.com/uber/kepler.gl并使用存储在 geojson 中的数据集成功创建了本地地图:

在此处输入图像描述

现在我的问题是,如何将此地图嵌入到我网站上的 HTML 页面中?

我有带有数据的 JSON,我有源代码,但文档似乎没有告诉我如何将其嵌入网页。文档专注于使用此界面构建地图和导出数据,但据我所知,没有提供有关在网页中嵌入地图的信息:

https://github.com/uber/kepler.gl/tree/master/docs
4

3 回答 3

2

在开普勒界面点击“分享”按钮和“导出地图”。

您将下载一个包含所有所需代码的 html 页面。

最简单的方法是使用 iframe 对象将其包含在您的页面中。

在此处输入图像描述

于 2019-05-06T10:39:46.163 回答
0

使用 save_to_html 生成 HTML 文件

map3=KeplerGl(height=500,data={'Peru Covid distrito':perudist})
map3.save_to_html(file_name='mapadist.html',read_only=True)
于 2020-06-15T16:39:22.233 回答
0

正如其他人所提到的,您可以将地图导出为 HTML 并使用它。或者,以 JSON 格式导出地图,它将原始数据和地图设置组合成一个 JSON,然后您可以使用实时 kepler.gl 网站来显示此数据。例如,我导出的 JSON 数据位于 GitHub,我可以在 kepler.gl 中使用 iframe 将其可视化,如下所示:

<iframe src="https://kepler.gl/#/demo?mapUrl=https://raw.githubusercontent.com/ikespand/ikespand.github.io/master/_data/sample_data/keplergl_road_network.json" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="600px" allowfullscreen></iframe>

你可以在这里找到完整的解释。

于 2020-11-23T10:00:03.373 回答