点图层包含了散点层、呼吸气泡层、点热力层、流式气泡层。

参考地图容器添加散点层、呼吸气泡层、点热力层、流式气泡层。

散点层

散点层数据格式:
[
      {
          "dotid": 0,
          "lat": 31.8998, //纬度
          "lng": 102.2212, //经度
          "value": 8,  //权重值
          "info": "描述信息0", //弹窗信息
          "type": "error", 
          "name": "点0", //点位名称,可以用于显示点位标注
          "rotationAngle": 45
      }
  ]


  • 支持图标和散点切换展示
  • 支持多系列配置(数据的type字段配置)
  • 支持回调ID配置
  • 支持散点数据映射(数据的value字段配置)
  • 支持自定义点图标的url(数据的iconUrl字段配置)
  • 支持点击弹窗(数据的info字段配置)
  • 支持对点进行标注
  • 支持图标位置和标注位置设置
  • 支持点图标的旋转角度设置(数据的rotationAngle字段配置)
    说明 没有配置系列值或者不在系列值之内的数据点会使用默认配置进行渲染。

图标点旋转角度设置步骤:

  1. 单击数据,进入数据页签。
  2. 在数据源中加入 rotationAngle 字段(这个字段是用来表示旋转角度,单位默认是°,您只需填数值即可)。
    [
    {
     "lng": 102.2212,
     "lat": 31.8998,
     "rotationAngle": 45
    },
    {
     "lng": 120.079,
     "lat": 28.6542,
     "rotationAngle": 90
    }
    ...
    ]
  3. 单击样式,进入样式配置面板。
  4. 勾选图标并进行图标配置。
  5. 上传一个自定义图标或者在数据源中自定义iconUrl

呼吸气泡层

呼吸气泡层数据格式:

[
      {
        "lat": 31.8998, //纬度
        "lng": 102.2212, //经度
        "value": 1, //权重值
        "type": 1  //气泡类型
      }
  ]




点热力层

点热力层数据格式:

[
      {
        "lat": 25.82, //纬度
        "lng": 98.86, //经度
        "value": 17  //权重值
      }
  ]




流式气泡层

流式气泡层数据格式:

[
      {
        "lng": 124.233398, //经度
        "lat": 45.73686, //纬度
        "info": "自定义信息</br>自定义信息"
      }
  ]

info支持使用</br>换行。