Cesium气泡窗插件
在线api文档说明
在线体验地址
更多案例地址
免费gis数据
ps:如果可以的话,希望大家能给我个star,好让我有更新下去的动力;
实现原理:
Cesium和我们平时常见的leaflet、ol以及arcgis api是不一样的,其没有内置的气泡窗,那么就得靠我们手写气泡窗来实现了。
本插件样式是参考了leaflet来写的。
气泡窗目前分两种:
- 1、固定位置气泡窗,即气泡窗的位置固定在地图的某一个点上,不会随鼠标移动。
- 2、可移动气泡窗,通过给定像素坐标和三维世界坐标来进行气泡窗坐标的设置。
主要的点就是做了:像素坐标和三维世界坐标的相互转换。
两种调用方法:
1、固定位置气泡窗:
prompt1 = new Prompt(viewer, {
type: 2,
content: "我是定点提示框",
position: [117, 32, 100], // 支持多种形式传参 cartesian3 || array || object
close: function () {
alert("easy3d--三维可视化类库!");
return false
} // 点击关闭按钮的回调函数
});
2、鼠标移动气泡窗:
movePrompt = new Prompt(viewer, {
type: 1,
content: "我是移动提示框"
})
// 设定鼠标位置
movePrompt.update({
x: evt.clientX,
y: evt.clientY
})
更多案例地址(我们持续更新):
- 标绘插件:
github: https://github.com/gitgitczl/cesiumExp-plot
码云: https://gitee.com/caozl1132/cesiumExp-plot - 气泡窗插件:
github: https://github.com/gitgitczl/cesiumExp-prompt
码云: https://github.com/gitgitczl/cesiumExp-prompt