您现在的位置: 开发 > geohub > 可视化平台 > 在地图JS API调用可视化项目

在地图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>
示例
中心
常见
问题
智能
客服