示例中心
功能在线体验
控制台
数据可视化 JS API 示例中心

可视化基础功能

  • Loca 创建及显示 使用点(point)类型数据绘制圆形(circle)标记。
  • 在已有地图上创建 在已有 AMap 地图上创建 Loca 图层。注意:Loca 依赖 JS API 最低版本为 1.4+。
  • 加载 CSV 格式数据 通过 setData(csv, {type: 'csv'}) 接口传入 CSV 格式数据。
  • 加载完成获取 AMap 通过 on() 方法监听底图加载完成 mapload 事件,同时通过 getMap() 方法获取底图 AMap.Map 实例。
  • 设置 selectStyle 属性 设置 selectStyle,可以在图层元素被 mouseenter 或者 click 时触发。需要开启 eventSupport: true。
  • 鼠标事件 绑定鼠标 mousemove、mouseleave 事件,弹出信息气泡。
  • 动态样式 - 回调函数 通过回调函数动态设置图形属性。
  • 动态样式 - 自动映射 圆形半径(radius)线性映射震级大小(mag),即圆形半径大小和震级高低成正比。

点类型

  • 气泡图 全国市县数据(圆形)3D 标注
  • 散点图 - 10万个点 3D 散点图,描述了一份 10 万辆北京公共交通车辆的瞬时位置。
  • 棱柱 - 光照 & 鼠标事件 通过设置 light 属性,配置棱柱的光照效果。其中包括环境光(ambient)、平行光(directional)。同时增加鼠标事件。 棱柱类型仅 3D 模式下支持。
  • 棱柱 - 选中样式 棱柱体配置选中状态 selectStyle 样式。目前棱柱体选中状态暂只支持 color 和 opacity 属性。选中状态通过 mouseover 触发。 棱柱类型仅 3D 模式下支持。
  • 梯形棱台 通过设置棱柱体 Prism 顶面半径 topRadius 和 底面半径 bottomRadius 不同,来实现梯形棱台的效果。
  • 贴地散点图 使用北京某时刻行人出行热力数据,颜色表示数据的大小,数据越大,颜色越红。其中热力数据已按照每 1000m 进行聚合。height 设为 0,vertex 设置为 32 的 prism,即可实现贴地原点的效果。 棱柱类型仅 3D 模式下支持。
  • 图标标记 - 天气预报 3D 图形标记 - 天气预报。通过设置 source 来指定图片的链接地址或者 base64URL 字符串。
  • 图标标记 - 银行网点 3D 图标 - 银行网点。通过设置 source 来指定图片的链接地址或者 base64URL 字符串。

线类型

  • 北京公交路网 北京公交路网。线(line)类型数据
  • 城市链接(直线) 各省会之间的直线(line)链接。
  • 城市链接(曲线) 3D 模式下的全国省会连线。3D 模式下的线暂时不支持设置线宽。

面类型

  • 小区及楼块图 北京望京附近小区及楼块图
  • 北京行政区面 3D 模式下的北京各区行政边界。3D 面类型,暂时不支持边框颜色及宽度的设置。

热力图

  • 基本热力图 3D 基本类型热力图,使用「高度」及「颜色」表示热力值大小。
  • 蜂窝热力(按米分箱) 按米分箱的 3D 蜂窝热力图,使用「高度」及「颜色」表示热力值大小。
  • 正四边形热力(按米分箱) 3D 正四边形热力图,使用「高度」及「颜色」表示热力值大小。
  • 设置热力图选中态 通过 selectStyle,设置 3D 热力图选中样式。3D 类型仅支持修改 color 属性。
  • 添加图例 通过 'legendupdate' 事件获取图例数据,并绘制图例。
  • 获取热力数据 通过鼠标 mousemove 事件获取聚合后的热力数据。
  • 玉渊潭周边定位分布 北京玉渊潭周边1万7千条定位数据的热力分布情况,颜色和高度表示定位聚合后的情况。同时配有图例说明。

等高线

  • 3D 等高面 Loca 3D 等高面图层,通过 shape 设置为 'isoband' 可绘制为等高面。
  • 3D 等高线 Loca 3D 等高线图层,通过 shape 设置为 'isoline' 可绘制为等高线。

行政分级统计图

  • 行政区热力图 全国部分知名景区行政区分布,按所在行政区聚合后的立体热力图,使用「高度」及「颜色」表示热力值大小。3D 模式。
  • 行政区下钻上浮 行政区下钻、上浮控制,以及行政区分箱聚合数据。
  • 获取行政区热力数据 通过点击事件,获取行政区热力数据。
示例中心 功能
在线体验
常见问题