GeoGlobe JS SDK

Class: Grid

.Visuals. Grid

基于Grid的可视化图层

new Grid()

Author:
  • kz
Source:
View2D/Visuals/Grid.js
Example
//构造地图对象
 var map = new GeoGlobe.Map({
    style: Cfg.style,
    container: 'map',
    zoom: 16,
    bearing: 0,
	pitch: 0,
    units: "degrees",
    center: [114.20509630753577, 30.776055193053764]
 });
 //构造Grid可视化图层
 var Grid = new GeoGlobe.Visuals.Grid();
 //添加到地图中
 Grid.addTo(map);
 //绑定鼠标点击事件
 Grid.on('overlayerclick', function(e){
	console.info(e);
 });
 //绑定鼠标移动事件
 Grid.on('overlayerhover', function(e){
	console.info(e);
 });
 //构造简单图层
 var simple = new GeoGlobe.Visuals.Grid.Simple({
    id: 'simple_1',
    visibility: true,
    dragdrawing: true,
    data: [{
        "type": "Feature",
        "properties": {count:5.516636266964161,time:16.231042218116176},
        "geometry": {
            "type": "Point",
            "coordinates": [123.3192464663197, 43.91886355937628]
        }
    }],
    rendererOptions: {
        fillStyle: 'rgba(55, 50, 250, 0.2)',
        globalCompositeOperation: "lighter",
        size: 15,
        animation: {
            type: 'time',
            stepsRange: {
                start: 0,
                end: 100
            },
            trails: 10,
            duration: 5
        }
    }
 });
 //添加到Grid可视化图层
 simple.addTo(Grid);
 //绘制
 Grid.render();

Classes

Typhoon

Members

container :Object

map的容器
Type:
  • Object
Source:
View2D/Visuals/Grid.js

layers :Array

图层集合
Type:
  • Array
Source:
View2D/Visuals/Grid.js

map :GeoGlobe.Map

地图对象
Type:
Default Value:
  • null
Source:
View2D/Visuals/Grid.js

type :String

可视化图层类别
Type:
  • String
Default Value:
  • 'grid'
Source:
View2D/Visuals/Grid.js

Methods

addLayer(layer)

向可视化图层中添加子图层
Parameters:
Name Type Description
layer Object 子图层对象
Source:
View2D/Visuals/Grid.js

addTo(map)

与地图对象关联
Parameters:
Name Type Description
map Object 地图对象
Source:
View2D/Visuals/Grid.js

getLayer(id)

获取指定id图层
Parameters:
Name Type Description
id String 图层id
Source:
View2D/Visuals/Grid.js
Returns:
layer 图层对象
Type
Object

moveLayer(id, before)

移动图层
Parameters:
Name Type Description
id String 要移动的图层的ID
before String 之前插入新图层的现有图层的ID。如果省略此参数，则新图层将移动到最上层
Source:
View2D/Visuals/Grid.js

remove()

移除图层容器
Source:
View2D/Visuals/Grid.js

removeLayer(id)

移除图层
Parameters:
Name Type Description
id String 图层id
Source:
View2D/Visuals/Grid.js

render()

绘制图层
Source:
View2D/Visuals/Grid.js