GeoGlobe JS SDK

Class: Popup

Popup

弹出式组件类，Popup类实例化一个弹出窗口，通常被添加到地图容器中，继承GeoGlobe.Popup类。
Source:
View2D/Popup/Popup.js

Members

anchor :String

设置弹出位置
Type:
  • String
Default Value:
  • null
Source:
View2D/Popup/Popup.js

closeButton :Boolaen

是否显示关闭按钮
Type:
  • Boolaen
Default Value:
  • true
Source:
View2D/Popup/Popup.js

closeOnClick :Boolaen

点击地图时是否关闭弹出框
Type:
  • Boolaen
Default Value:
  • true
Source:
View2D/Popup/Popup.js

offset :object

指定弹框的偏移位置
Type:
  • object
Default Value:
  • null
Source:
View2D/Popup/Popup.js

showArrow :boolean

是否显示箭头。默认为true
Type:
  • boolean
Default Value:
  • true
Source:
View2D/Popup/Popup.js

Methods

addTo(map)

添加弹出框。
Parameters:
Name Type Description
map GeoGlobe.Map 地图对象。
Source:
View2D/Popup/Popup.js

getLngLat()

获取弹框的坐标。
Source:
View2D/Popup/Popup.js
Returns:
LngLat - 返回弹框所在的位置坐标.
Type
GeoGlobe.LngLat

initialize(options)

GeoGlobe.Popup构造函数。
Parameters:
Name Type Description
options Object Popup相关选项设置。
Source:
View2D/Popup/Popup.js

isOpen()

弹框是否打开。
Source:
View2D/Popup/Popup.js
Returns:
true - true弹框打开，false弹框关闭.
Type
boolean

remove()

移除弹出框。
Source:
View2D/Popup/Popup.js
Example
var popup = new GeoGlobe.Popup().addTo(map);
popup.remove();

setDOMContent(htmlNode)

设置控件。
Parameters:
Name Type Description
htmlNode Node 弹框弹出的html内容。
Source:
View2D/Popup/Popup.js
Example
//创建弹出框元素内容
var div = window.document.createElement('div');
div.innerHTML = 'Hello, world!';
 var popup = new mapboxgl.Popup()
.setLngLat(e.lngLat)
.setDOMContent(div)
.addTo(map);

setHTML(html)

设置控件。
Parameters:
Name Type Description
html string 弹框弹出的html内容。
Source:
View2D/Popup/Popup.js
Example
var popup = new mapboxgl.Popup()
.setLngLat(e.lngLat)
.setHTML("<h1>Hello World!</h1>")
.addTo(map);

setLngLat(LngLat)

设置弹框的坐标。
Parameters:
Name Type Description
LngLat GeoGlobe.LngLat 设置弹框的位置坐标。
Source:
View2D/Popup/Popup.js

setText(text)

设置弹框弹出的文本内容。
Parameters:
Name Type Description
text string 弹框弹出的文本内容。
Source:
View2D/Popup/Popup.js
Example
var popup = new mapboxgl.Popup()
.setLngLat(e.lngLat)
.setText('Hello, world!')
.addTo(map);