MapBox 使用动态数据点
MapBox using dynamic data points
我正在使用 MapBox 在一个页面上显示多个商店位置。我的具体用例对于我最初在 Mapbox 网站上看到的教程来说有点复杂。
我有几页,每个城市一页。每个城市页面都应该有自己的地图和不同的位置点。 (这是在 React 中,所以每个城市页面都是一个使用 WP 数据的模板组件)。
有没有办法从外部源(如 WP)引入数据或在 React 项目中使用来自 json 文件的数据?到目前为止,我还没有找到有关如何执行此操作的任何信息。
绝对有一种方法可以从外部源或 JSON 文件中引入数据。我写了一个综合指南,“React 和 Mapbox GL JS 中的源和层的完整指南”,详细介绍了如何使用 React 将不同类型的数据添加到 Mapbox 地图。您可以找到指南 here.
我还整理了一个代码沙箱来配合您可以找到的指南 here。指南和代码沙箱详细介绍了如何添加来自各种来源的空间数据(Mapbox 托管数据,来自 JSON 文件,来自 API)以及如何将其显示为图层。我认为只 link 两者都更容易,而不是在这里写一个很长的 post。
希望对您有所帮助!如果您有兴趣,我也在写一本关于使用 React 和 Mapbox 的综合剧本!可以查看here.
我正在使用 MapBox 在一个页面上显示多个商店位置。我的具体用例对于我最初在 Mapbox 网站上看到的教程来说有点复杂。
我有几页,每个城市一页。每个城市页面都应该有自己的地图和不同的位置点。 (这是在 React 中,所以每个城市页面都是一个使用 WP 数据的模板组件)。
有没有办法从外部源(如 WP)引入数据或在 React 项目中使用来自 json 文件的数据?到目前为止,我还没有找到有关如何执行此操作的任何信息。
绝对有一种方法可以从外部源或 JSON 文件中引入数据。我写了一个综合指南,“React 和 Mapbox GL JS 中的源和层的完整指南”,详细介绍了如何使用 React 将不同类型的数据添加到 Mapbox 地图。您可以找到指南 here.
我还整理了一个代码沙箱来配合您可以找到的指南 here。指南和代码沙箱详细介绍了如何添加来自各种来源的空间数据(Mapbox 托管数据,来自 JSON 文件,来自 API)以及如何将其显示为图层。我认为只 link 两者都更容易,而不是在这里写一个很长的 post。
希望对您有所帮助!如果您有兴趣,我也在写一本关于使用 React 和 Mapbox 的综合剧本!可以查看here.