如何使Kepler GL将本地MBTiles Server用于基础地图而不是在线地图？

Question

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

需要更改或添加哪些文件和代码以引导Kepler GL在localhost：3000上使用我的图块服务器？

谢谢

尝试替换mapbox和地图URL的令牌密钥。

defaults-settings.js

... export const MAP_URI ='demo / map？mapUrl ='; ...

webpack.config.js

... // //可选：允许从环境变量插件读取mapbox和dropbox客户端令牌：[//新的webpack.EnvironmentPlugin（['MapboxAccessToken'，'DropboxClientId']）新的webpack.EnvironmentPlugin（{'MapboxAccessToken'：'pk。 XXX'，'DropboxClientId'：null}）]}; ...

将MAP_URI替换为tile服务器的路径（ http：// localhost：3000 ）仍将通过编译器，并且kepler将运行，但不存在任何映射。

Answer 1

您需要通过url或静态对象加载样式，其中包含指向本地切片服务器的源。 然后，调用loadCustomMapStyle进行加载，并调用addCustomMapStyle以立即使用它。

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