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

How to integrate CARTO map to react.js code

我正在尝试将 CARTO 地图(使用 CARTO 生成器创建)与 react.js 集成。

我无法通过 cartoclient 使用 carto.js:

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

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

This example is creating map from scratch and this one 正在使用带有脚本的普通 html(不支持 react.js)

有什么建议吗?

这里的混淆是 https://carto.com/docs/carto-engine/carto-js/ refers to version 3 while the React example you saw is using version 4 which documentation is now living here https://carto.com/developers/carto-js/

上的文档

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

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

免责声明:我在CARTO工作