Cesium源码分享–气泡窗

在这里插入图片描述

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
    })

更多案例地址(我们持续更新):

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇

)">
下一篇>>