GeoPopup

弹出窗

new Cesium.GeoPopup(options)

Name Type Description
options Object optional 参数选项：
Name Type Default Description
closeButton Boolean true optional 关闭按钮是否开启
closeOnClick Boolean false optional 点击地图场景的时候是否关闭弹出窗
positionTip Boolean true optional 定位点上的锚点尖角是否开启
anchor String 'bottom' optional 锚点位置，可以是以下值之一：'center'、'top'、'bottom'、'left'、'right'
offset Array [0, 0] optional 偏移量，第一个值表示左右偏移，正数向右移，负数向左移；第二个值表示上下偏移，正数向下，负数向上
className String '' optional 应用到弹出窗容器的css样式名称
Author:
  • liuhonglei
Example:
var popup = new Cesium.GeoPopup()
     .setPosition([114.31, 30.52, 0])
     .setHTML('<h1>Hello World!</h1>')
     .addTo(viewer);
Demo:

Members

onClosed : Event

关闭popup时事件：在点击关闭按钮后触发

Methods

addTo(map) → GeoPopup

将popup添加至地图中
Name Type Description
map Viewer
Returns:
this

destroy()

销毁

getPosition()

返回坐标转换后的笛卡尔坐标

hide()

隐藏popup

interactWithMap(interactive)

是否与地图交互。如果为true，意味着不阻塞地图的操作，即与popup弹出窗交互时事件可穿透（冒泡）至地图容器； 如果为false，意味着阻塞地图的操作，即popop弹出窗事件不再穿透（冒泡）至地图容器。
Name Type Description
interactive Boolean 是否与地图交互

isOpen() → Boolean

判断popup是否处于打开(open)状态
Returns:
popup是否处于打开(open)状态

remove()

将popup从地图中移除

setDOMContent(htmlNode) → GeoPopup

设置popup的内容为指定的dom节点
Name Type Description
htmlNode HTMLElement
Returns:
this
Example:
var div = window.document.createElement('div');
div.innerHTML = 'Hello, world!';
var popup = new Cesium.GeoPopup()
     .setPosition([114.31, 30.52, 0])
     .setDOMContent(div)
     .addTo(map);

setHTML(html) → GeoPopup

设置popup的html内容
Name Type Description
html String
Returns:
this

setPosition(coordinate, extent) → GeoPopup

设置坐标，包含经纬度和高程，例如[114.31, 30.52, 0]。如果不指定高程值，则默认是0； 支持平面三维模式，即输入坐标为高斯坐标或独立坐标，如[75940.83, 53212.74, 2309.29]。如果不指定高程值，则默认是0。
Name Type Description
coordinate Array 坐标，支持三维场景下的经纬度坐标和平面场景下的高斯坐标/独立坐标。
extent Object 平面三维模式下的范围基准。
Returns:
this

setText(text) → GeoPopup

设置popup的文本
Name Type Description
text String
Returns:
this
Example:
var popup = new Cesium.GeoPopup()
     .setText('Hello, world!')
     .addTo(map);

show()

显示popup