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

可视化基础功能

  • Loca 创建及显示 使用点(point)类型数据绘制圆形(circle)标记。
  • 在已有地图上创建 在已有 AMap 地图上创建 Loca 图层。注意:Loca 依赖 JS API 最低版本为 1.4+。
  • 加载 CSV 格式数据 通过 setData(csv, {type: 'csv'}) 接口传入 CSV 格式数据。
  • 设置 selectStyle 属性 设置 selectStyle,可以在图层元素被 mouseenter 或者 click 时触发。需要开启 eventSupport: true。
  • 鼠标事件 绑定鼠标 mousemove、mouseleave 事件,弹出信息气泡。

点类型

  • 气泡图 全国市县位置数据(point),根据城市行政级别,使用不同半径(radius)的圆形(circle)进行标记。
  • 3D 气泡图 全国市县数据(圆形)3D 标注
  • 3D 10万个散点图 3D 散点图,描述了一份 10 万辆北京公共交通车辆的瞬时位置。
  • 3D 棱柱 - 光照 & 鼠标事件 通过设置 light 属性,配置棱柱的光照效果。其中包括环境光(ambient)、平行光(directional)。
  • 3D 棱柱 - 选中样式 棱柱体配置选中状态 selectStyle 样式。目前棱柱体选中状态暂只支持 color 和 opacity 属性。
  • 3D 梯形棱台 通过设置棱柱体 Prism 顶面半径 topRadius 和 底面半径 bottomRadius 不同,来实现梯形棱台的效果。
  • 3D 贴地散点图 使用北京某时刻行人出行热力数据,颜色表示数据的大小,数据越大,颜色越红。其中热力数据已按照每 1000m 进行聚合。height 设为 0,vertex 设置为 32 的 prism,即可实现贴地原点的效果。
  • 图形标记 - 天气预报 点(point)数据设置图型(image)标记
  • 3D 图标 - 天气预报 3D 图形标记 - 天气预报。通过设置 source 来指定图片的链接地址或者 base64URL 字符串。
  • 3D 图标 - 银行网点 3D 图标 - 银行网点。通过设置 source 来指定图片的链接地址或者 base64URL 字符串。
  • 动态样式 - 回调函数 通过回调函数动态设置图形属性。
  • 动态样式 - 自动映射 圆形半径(radius)线性映射震级大小(mag),即圆形半径大小和震级高低成正比。
  • 气泡图 - 矩形 点(point)数据类型,矩形(rectangle)形状的变形气泡图。矩形大小通过 size 属性控制,
  • 气泡图 - 六边形 点(point)数据类型,正六边形(hexagon)形状的变形气泡图。正六边形半径大小通过 radius 属性控制,
  • 设置长度单位 设置圆形(circle)半径单位为 "米(meter)" 或 "像素(px)"。
  • 设置 Circle 图形选中样式 通过 selectStyle 属性,设置圆形 Circle 的选中态样式。

线类型

  • 北京公交路网 北京公交路网。线(line)类型数据
  • 城市链接(直线) 各省会之间的直线(line)链接。
  • 国内航线图(曲线) 国内航线图,线(line)类型数据,设置 curveness 控制曲率。
  • Line 类型选中样式 通过 selectStyle 属性,设置 Line 类型选中样式。
  • 3D 曲线链接 3D 模式下的全国省会连线。3D 模式下的线暂时不支持设置线宽。

面类型

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

热力图

  • 基本热力图 基本热力图
  • 3D 基本热力图 立体基本类型热力图,使用「高度」及「颜色」表示热力值大小。
  • 蜂窝热力图(按像素分箱) 蜂窝热力图,分箱半径按像素(默认)进行数据分箱。使用 TSV 结构数据。
  • 蜂窝热力图(按米分箱) 蜂窝热力图,设定分箱半径按单位米(unit: 'meter')进行数据分箱。
  • 3D 蜂窝热力图 3D 蜂窝热力图,使用「高度」及「颜色」表示热力值大小。
  • 正四边形热力图(按像素分箱) 正四边形热力图。
  • 正四边形热力图(按米分箱) 正四边形热力图(按米分箱)
  • 3D 正四边形热力图 3D 正四边形热力图,使用「高度」及「颜色」表示热力值大小。
  • 设置 2D 热力选中态 通过 selectStyle,设置 2D 热力图选中样式。
  • 设置 3D 热力选中态 通过 selectStyle,设置 3D 热力图选中样式。3D 类型仅支持修改 color 属性。

等高线

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

行政分级统计图

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