javascript - 如何使用 Uber 的 "react-map-gl"库绘制静态标记?

标签 javascript reactjs mapbox-gl

react-map-gl 库的文档对于 DraggableMarkers 来说很清楚,但它没有指示我是否/如何绘制静态标记。我只想要一个带有一些 map 标记的简单 map (固定到纬度/经度位置)。有人知道这是否可行吗?

这是链接:https://github.com/uber/react-map-gl

最佳答案

为了使用 react-map-gl 显示 GeoJSON 图层,我建议执行以下步骤:

  1. 使用mapbox API下载样式
  2. 将您的 GeoJSON 添加为 source风格
  3. 将自定义图层样式添加到样式
  4. Immutable.fromJS 包裹最终的样式并通过 style 属性将其提供给您的 MapGL 组件。

如果您使用 redux 构建应用程序,并且 GeoJSON 点是您状态的一部分,我建议将点和下载的(原始)样式单独保存在商店中。然后可以按照 Computing Derived Data 中的描述构建最终样式。 .

关于javascript - 如何使用 Uber 的 "react-map-gl"库绘制静态标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40113885/

相关文章:

javascript - Echo 最终目标 URL 用于 404 页面 PHP

javascript - reactjs如何更新状态

javascript - 共享组件存储库的 npm-link 后无法解析模块

mapbox-gl - 是否可以查询未显示的功能?

javascript - 如何将相机始终设置在用户地理位置的中心

javascript - 如何添加地理编码服务(对于 MapBox)

javascript - 在 Symfony 1.4 中自动压缩 Javascript 和 CSS

javascript - 在打开的 Select2 下拉菜单上按退出键不应关闭 Bootstrap 模式

javascript - 如何检查页面 QObject 是否已在 PhantomJS 中删除

reactjs - webpack ://and webpack-internal://有什么区别