如何将kepler.gl地图嵌入HTML页面？

Question

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

现在我的问题是，如何将该地图嵌入网站上的HTML页面？

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

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

Answer 1

在Kepler界面中，单击“共享”按钮和“导出地图”。

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

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

Answer 2

使用save_to_html生成HTML文件

map3=KeplerGl(height=500,data={'Peru Covid distrito':perudist})
map3.save_to_html(file_name='mapadist.html',read_only=True)

Answer 3

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

<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>

您可以找到完整的说明here。