Constructor
new ScatterplotLayer()
Example
//构造地图对象
var map = new GeoGlobe.Map({
style: Cfg.style,
container: 'map',
zoom: 6.6,
bearing: -27.396674584323023,
pitch: 40.5,
units: "degrees",
center: [-1.4157267858730052,52.232395363869415]
});
//构造DeckGL可视化图层
var deckgl = new GeoGlobe.Visuals.DeckGL();
//绑定初始构建事件
deckgl.on('overlayerinit', function(e){
});
//绑定鼠标点击事件
deckgl.on('overlayerclick', function(e,a,b){
});
//绑定鼠标移动事件
deckgl.on('overlayerhover', function(e,a,b){
})
//添加到地图中
deckgl.addTo(map);
//构造散点图层
var scatterplotLayer = new GeoGlobe.Visuals.DeckGL.ScatterplotLayer({
id: 'scatterplot-layer',
data: [
{ "type": "Feature", "properties": { "id": 10001, "name": "散点1" }, "geometry": { "type": "Point", "coordinates": [114.20257245367856, 30.773372078561778] } }
],
visible: true,
pickable: true,
fp64: false,
opacity: 0.8,
radiusScale: 6,
radiusMinPixels: 1,
radiusMaxPixels: 100,
getRadius: function(d){ return Math.random()*100 },
getColor: function(d){ return [255, 140, 0] }
});
//添加到DeckGL图层
scatterplotLayer.addTo(deckgl);
//绘制
deckgl.render();Members
data :Array
geojson结构
Type:
- Array
Example
[{
"type": "Feature",
"properties": {
"id": 10001,
"name": "1号柱"
},
"geometry": {
"type": "Point",
"coordinates": [114.20257245367856, 30.773372078561778]
}
}]fp64 :Boolean
- Default Value:
- true
是否开启高精度64位模式
Type:
- Boolean
id :String
- Default Value:
- '1'
图层id
Type:
- String
name :String
- Default Value:
- ''
图层名称
Type:
- String
opacity :Float
- Default Value:
- 1.0
透明度 0-1
Type:
- Float
outline :Boolean
- Default Value:
- false
是否只画点的轮廓
Type:
- Boolean
pickable :Boolean
- Default Value:
- true
是否开启鼠标拾取
Type:
- Boolean
radiusMaxPixels :Int
- Default Value:
- Number.MAX_SAFE_INTEGER
像素的最大半径。
Type:
- Int
radiusMinPixels :Int
- Default Value:
- 0
像素的最小半径。
Type:
- Int
radiusScale :Int
- Default Value:
- 1
半径倍数
Type:
- Int
strokeWidth :Int
- Default Value:
- 1
轮廓的宽度，以像素为单位。要求大纲是真实的。
Type:
- Int
visible :Boolean
- Default Value:
- true
可见性
Type:
- Boolean
Methods
addTo(deckgl)
关联DeckGL
Parameters:
| Name | Type | Description |
|---|---|---|
deckgl |
GeoGlobe.Visuals.DeckGL |
getColor(data) → {Array}
- Default Value:
- [0, 0, 0, 255]
RGBA每个对象的色系，在R，G，B [一]。每个分量在0到255的范围。
Parameters:
| Name | Type | Description |
|---|---|---|
data |
Object |
Returns:
color
- Type
- Array
getInnerLayer() → {Object}
获取deckgl内部layer实例
Returns:
layer
- Type
- Object
getPosition(data) → {Array}
- Default Value:
- data.properties.coordinates
位置GET属性
Parameters:
| Name | Type | Description |
|---|---|---|
data |
Feature | geojson中的一个Feature |
Returns:
coordinates
- Type
- Array
getRadius(points) → {Int}
- Default Value:
- points.length
半径，以米为单位。
Parameters:
| Name | Type | Description |
|---|---|---|
points |
Array |
Returns:
count
- Type
- Int
remove()
从父对象中移除自己
render()
绘制