Grid

Constructor

new Grid()

Author:

• kz

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();