在地图JS API调用可视化项目 最后更新时间: 2022年08月17日

地图JS API 通过 Amap.Visual 插件提供在线渲染可视化项目的能力，每次需从服务端获取项目配置，平台修改并发布后，配置在 JS API 中即时生效。

一、发布可视化项目

开发者完成可视化项目的编辑后，需要发布可视化项目，发布功能在编辑页面以及首页列表都有入口。

发布之后获取到可视化项目ID：

二、申请Key

在「控制台」 添加Key，服务平台选择“Web端(JS API)”，获得Key

三、使用插件 AMap.Visual

JSAPI 插件有多种加载方式，详见链接：https://lbs.amap.com/api/jsapi-v2/guide/abc/plugins#plugin

将步骤一中获取到的可视化项目ID作为参数初始化 AMap.Visual 插件：

<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值&plugin=AMap.Visual"></script> 
<script type="text/javascript" >
   var map = new AMap.Map('mapContainer',{
       zoom: 12,
       center: [116.39,39.9]
   });
   var visual = new AMap.Visual('amap://visual/<可视化项目ID>', map);
</script>