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

Question

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

​

​

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

我有包含数据的JSON，我有源代码，但文档似乎没有告诉我如何将其嵌入到网页中。这些文档侧重于使用此接口来构建地图和导出数据，但就我所见，没有给出关于在网页中嵌入地图的信息：

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

Answer 1

在开普勒界面中，单击“共享”按钮，然后单击“导出地图”。

您将下载一个包含所有所需代码的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，然后您可以使用实时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上找到完整的解释。