如何使Kepler GL使用本地MBTILES服务器进行基本地图而不是在线地图



我在本地计算机上有一个MBTile服务器作为离线Web应用程序的服务。我们使用它在离线环境中使用基本图。我正在探索扩大Web应用程序的范围,以包括Kepler GL功能。

需要更改或添加哪些文件和代码,以指导Kepler GL在Localhost上使用我的图块服务器:3000?

谢谢

尝试替换MAPBOX和MAP URL的令牌密钥。

默认设置。JS

...导出const map_uri ='demo/map?mapurl =';...

webpack.config.js

... //可选:从环境变量中启用阅读地图框和Dropbox客户端令牌 插件:[ //新的webpack.environmentplugin(['mapboxaccesstoken','dropboxClientId']( 新的webpack.environmentplugin({'mapboxaccesstoken':'pk.xxx','dropboxclientid':null}( 这是给出的};...

用通往瓷砖服务器的路径替换MAP_URI(http://localhost:3000(仍将通过编译器,而开普勒将运行,但是没有任何地图。

您需要通过URL或静态对象加载样式,该对象包含指向本地瓷砖服务器的源。然后调用LoadCustomMapStyle加载它,然后addCustomPomapStyle立即使用。

const wrapIt = wrapTo("map");
dispatch(
  wrapIt(
    loadCustomMapStyle({
      style: styleObject
    })
  )
);
dispatch(wrapIt(addCustomMapStyle()));

最新更新