All Products
Search
Document Center

Point layer

Last Updated: Jul 11, 2018

Point layer includes the following child widgets: scatter layer, animation bubbles layer, and points heatmap layer.

For more information about how to add a scatter layer, animation bubbles layer, and points heatmap layer, see Map container.

Scatter layer

Data format of the scatter layer:

  1. [
  2. {
  3. "dotid": 0,
  4. "lat": 31.8998, //Latitude
  5. "lng": 102.2212, //Longitude
  6. "value": 8, //Weight
  7. "info": "description 0", //Pop-up information
  8. "type": "error",
  9. "name": "point 0", //Point name, which can be used to show the point annotation
  10. "rotationAngle": 45
  11. }
  12. ]

The scatter layer supports the following features:

  • Display switching between icons and scatters.
  • Multi-series configurations (the type field configuration in the Data tab).
  • Callback ID configurations.
  • Scatter data mapping (the value field configuration in the Data tab).
  • Custom point icon’s URL (the iconUrl field configuration in the Data tab).
  • Onclick pop-ups (the info field configuration in the Data tab).
  • Point labelling.
  • Icon and label position settings.
  • Rotation angle of point icons settings (the rotationAngle field configuration in the Data tab).

Note: Data points that do not have a series value configured or are not within the series value are rendered using the default configuration.

To set the rotation angle of point icons, follow these steps:

  1. Click the Data tab in the right-side pane.

  2. Add the rotationAngle field in the data entry area. (This field is used to indicate the rotation angle. The default unit is degree (°). You only need to enter numbers.)

    1. [
    2. {
    3. "lng": 102.2212,
    4. "lat": 31.8998,
    5. "rotationAngle": 45
    6. },
    7. {
    8. "lng": 120.079,
    9. "lat": 28.6542,
    10. "rotationAngle": 90
    11. }
    12. ...
    13. ]
  3. Click the Style tab in the right-side pane and select Icon.

  4. Upload a custom icon or customize the iconUrl in the data entry area.

Animation bubbles layer

Data format of the animation bubbles layer:

  1. [
  2. {
  3. "lat": 31.8998, //Latitude
  4. "lng": 102.2212, //Longitude
  5. "value": 1, //Weight
  6. "type": 1 //Bubble type
  7. }
  8. ]

Points heatmap layer

Data format of the points heatmap layer:

  1. [
  2. {
  3. "lat": 25.82, //Latitude
  4. "lng": 98.86, //Longitude
  5. "value": 17, //Weight
  6. }
  7. ]