可视化基础功能
-
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 模式。
-
行政区下钻上浮
行政区下钻、上浮控制,以及行政区分箱聚合数据。
-
获取行政区热力数据
通过点击事件,获取行政区热力数据。