new Voronoi(options)
Parameters:
Name | Type | Description | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
options |
Object |
Properties
|
- Source:
- View2D/Visuals/Custom/Voronoi.js
Example
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
//构造地图对象
var map = new GeoGlobe.Map({
style: Cfg.style,
container: 'map',
zoom: 16,
bearing: 0,
pitch: 0,
units: "degrees",
center: [114.20509630753577, 30.776055193053764]
});
//构造可视化定制图层
var custom = new GeoGlobe.Visuals.Custom();
//添加到地图中
custom.addTo(map);
//通过jquery加载json数据
$.getJSON('../../data/capital.json', function (result) {
//构造泰森多边形图层
var voronoi = new GeoGlobe.Visuals.Custom.Voronoi({
id: "voronoi_1",
data: result,
visibility: true,
boundsURL: "../../data/china.json",
rendererOptions: {
markFace: {
itemStyle: {
color: {
'0': 'rgba(255, 0, 0, 0.3)',
'0.5': 'rgba(255, 128, 0, 0.3)',
'1': 'rgba(255, 255, 128, 0.3)'
},//'rgba(255,0,0,0)',
borderColor: 'rgba(255,255,255,0.5)'
}
}
}
});
//添加到可视化定制图层
voronoi.addTo(custom);
//绘制
custom.render();
});
Members
-
cacheCanvas :Array
-
离屏画布集合
Type:
- Array
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
cacheCanvasContext :Array
-
离屏画布的上下文集合
Type:
- Array
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
canvas :Array
-
画布集合,使用分层画布分别绘制
Type:
- Array
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
canvasContext :Array
-
画布的上下文集合
Type:
- Array
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
canvasContext :Array
-
画布的上下文集合
Type:
- Array
- Source:
- View2D/Visuals/Grid/Typhoon.js
-
MarkFace :function
-
标面类
Type:
- function
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
markFaces :Array
-
标面对象集
Type:
- Array
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
visibility :Boolean
-
图层默认是否显示
Type:
- Boolean
- Source:
- View2D/Visuals/Custom/Voronoi.js
Methods
-
addTo(custom)
-
关联可视化定制图层对象
Parameters:
Name Type Description custom
GeoGlobe.Visuals.Custom - Source:
- View2D/Visuals/Custom/Voronoi.js
-
clearCanvas()
-
画布清空
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
destroy()
-
销毁图层
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
draw()
-
图层绘制
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
drawCanvas()
-
将标面绘制到画布
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
getVoronoi(points)
-
使用turf.js框架生成泰森多边形
Parameters:
Name Type Description points
Object - Source:
- View2D/Visuals/Custom/Voronoi.js
Returns:
voronoi 泰森多边形顶点数据- Type
- Object
-
hideTooltip()
-
关闭悬浮提示
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
hover(x, y)
-
鼠标悬浮时触发
Parameters:
Name Type Description x
Number 鼠标在主画布上的位置(x轴方向) y
Number 鼠标在主画布上的位置(y轴方向) - Source:
- View2D/Visuals/Custom/Voronoi.js
-
onClick(event)
-
鼠标指针单击事件
Parameters:
Name Type Description event
Object 事件参数 - Source:
- View2D/Visuals/Custom/Voronoi.js
-
onMouseMove(event)
-
鼠标指针悬停事件
Parameters:
Name Type Description event
Object 事件参数 - Source:
- View2D/Visuals/Custom/Voronoi.js
-
onMove()
-
图层(地图)移动时触发
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
onMoveEnd()
-
图层(地图)移动结束触发
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
onResize()
-
图层自适应
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
redraw()
-
图层重绘
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
render()
-
渲染图层
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
setData(data)
-
数据的处理,构造标注对象
Parameters:
Name Type Description data
Array 数据 - Source:
- View2D/Visuals/Custom/Voronoi.js
-
setVisible(visibility)
-
图层的显示与隐藏
Parameters:
Name Type Description visibility
Boolean 可见性 - Source:
- View2D/Visuals/Custom/Voronoi.js
-
stopDraw()
-
停止绘制
- Source:
- View2D/Visuals/Custom/Voronoi.js
-
updateXY()
-
重新计算标面的屏幕坐标
- Source:
- View2D/Visuals/Custom/Voronoi.js