示例中心
功能在线体验
控制台
您现在的位置: 开发 > 数据可视化 JS API > 教程 > 介绍 >

高德 开发 数据可视化 JS API 教程 介绍

更新时间:2018年10月19日

Loca是一个由 JavaScript 实现的空间地理数据渲染引擎,可以帮助开发者快速绘制地理位置相关的数据可视化作品。其采用简洁的 API 设计,可以极大降低对地理位置数据绘制的开发复杂度。通过多样的数据格式以及灵活的样式配置,可以让开发者在段时间内完成复杂的可视化作品。


其中Loca使用的是高德地图作为底图,这就是说Loca可以无缝接入到任何已有的 JS API 开发的高德地图中去,而不必担心影响原有地图功能。当然如果您是从零开始制作,也可以不必关心底图的绘制,甚至不必加载 JS API,它会帮你完成地图创建的工作。由于依赖高德底图,因此可视化作品需要在有网络的环境下使用。


这里介绍下Loca主要概念:

  1. Loca:地图容器,可以容纳多个 VisualLayer 可视化图层。
  2. VisualLayer 可视化图层:可视化信息展示图层,完成数据和样式的处理,并实现渲染展示。
  3. 数据:需要展示的数据,包含地理位置信息(即经纬度)和其他需要展示的原始数据,支持 JSON、CSV 或 TSV 格式。
  4. 样式配置:图形样式的配置项,指定数据到样式的转换规则。



Tip: 接下来教程中所提及的「高德地图」或者「底图」,在不特殊说明的情况下,都是指基于高德JS-API创建的Web地图,以下教程中不在特殊强调。

示例中心 功能
在线体验
常见问题