如何将 CARTO 地图集成到 react.js 代码中

【问题标题】：How to integrate CARTO map to react.js code如何将 CARTO 地图集成到 react.js 代码中
【发布时间】：2018-10-05 15:13:39
【问题描述】：

我正在尝试将 CARTO 地图（使用 CARTO 构建器创建）与 react.js 集成。

我一直坚持通过 cartoclient 使用 carto.js：

this.cartoClient = new carto.Client({ apiKey: 'key', username: 'user' });

官方 CARTO 文档提到可以使用 viz.json 文件集成地图，但没有提及任何工作示例。

This example 正在从头开始创建地图，this one 正在使用带有脚本的纯 html（不支持 react.js）

有什么建议吗？

【问题讨论】：

【解决方案1】：

这里的困惑是https://carto.com/docs/carto-engine/carto-js/ 的文档指的是version 3，而您看到的 React 示例使用的是version 4，而该文档现在位于此处https://carto.com/developers/carto-js/

我们正在弃用/docs，对于给您带来的不便，我们深表歉意。

关于您的问题，答案是现在我们没有办法用 CARTO.js 实例化 Builder 地图。将来可能会改变，但目前我们不支持 viz.json。

免责声明：我在 CARTO 工作

【讨论】：

所以唯一的方法是在 react 和 carto.js(with carto.Client) 中制作相同的地图是手动使用 carto builder 数据集（如果可能的话？）
是的，您必须将图层添加为查询（或表名）和 CartoCSS 定义的组合。