Popup

GeoGlobe. Popup

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

Constructor

Members

anchor :String

Default Value:
  • null
设置弹出位置
Type:
  • String

anchor :String

Default Value:
  • null
设置弹出位置
Type:
  • String

closeButton :Boolaen

Default Value:
  • true
是否显示关闭按钮
Type:
  • Boolaen

closeButton :Boolaen

Default Value:
  • true
是否显示关闭按钮
Type:
  • Boolaen

closeOnClick :Boolaen

Default Value:
  • true
点击地图时是否关闭弹出框
Type:
  • Boolaen

closeOnClick :Boolaen

Default Value:
  • true
点击地图时是否关闭弹出框
Type:
  • Boolaen

offset :object

Default Value:
  • null
指定弹框的偏移位置
Type:
  • object

offset :object

Default Value:
  • null
指定弹框的偏移位置
Type:
  • object

showArrow :boolean

Default Value:
  • true
是否显示箭头。默认为true
Type:
  • boolean

showArrow :boolean

Default Value:
  • true
是否显示箭头。默认为true
Type:
  • boolean

Methods

addTo(map)

添加弹出框。
Parameters:
Name Type Description
map GeoGlobe.Map 地图对象。

addTo(map)

添加弹出框。
Parameters:
Name Type Description
map GeoGlobe.Map 地图对象。

getLngLat() → {GeoGlobe.LngLat}

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

getLngLat() → {GeoGlobe.LngLat}

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

initialize(options)

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

initialize(options)

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

isOpen() → {boolean}

弹框是否打开。
Returns:
true - true弹框打开，false弹框关闭.
Type
boolean

isOpen() → {boolean}

弹框是否打开。
Returns:
true - true弹框打开，false弹框关闭.
Type
boolean

remove()

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

remove()

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

setDOMContent(htmlNode)

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

setDOMContent(htmlNode)

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

setHTML(html)

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

setHTML(html)

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

setLngLat(LngLat)

设置弹框的坐标。
Parameters:
Name Type Description
LngLat GeoGlobe.LngLat 设置弹框的位置坐标。

setLngLat(LngLat)

设置弹框的坐标。
Parameters:
Name Type Description
LngLat GeoGlobe.LngLat 设置弹框的位置坐标。

setText(text)

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

setText(text)

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

GeoGlobe. Popup

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

Constructor

Members

anchor :String

Default Value:
  • null
设置弹出位置
Type:
  • String

anchor :String

Default Value:
  • null
设置弹出位置
Type:
  • String

closeButton :Boolaen

Default Value:
  • true
是否显示关闭按钮
Type:
  • Boolaen

closeButton :Boolaen

Default Value:
  • true
是否显示关闭按钮
Type:
  • Boolaen

closeOnClick :Boolaen

Default Value:
  • true
点击地图时是否关闭弹出框
Type:
  • Boolaen

closeOnClick :Boolaen

Default Value:
  • true
点击地图时是否关闭弹出框
Type:
  • Boolaen

offset :object

Default Value:
  • null
指定弹框的偏移位置
Type:
  • object

offset :object

Default Value:
  • null
指定弹框的偏移位置
Type:
  • object

showArrow :boolean

Default Value:
  • true
是否显示箭头。默认为true
Type:
  • boolean

showArrow :boolean

Default Value:
  • true
是否显示箭头。默认为true
Type:
  • boolean

Methods

addTo(map)

添加弹出框。
Parameters:
Name Type Description
map GeoGlobe.Map 地图对象。

addTo(map)

添加弹出框。
Parameters:
Name Type Description
map GeoGlobe.Map 地图对象。

getLngLat() → {GeoGlobe.LngLat}

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

getLngLat() → {GeoGlobe.LngLat}

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

initialize(options)

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

initialize(options)

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

isOpen() → {boolean}

弹框是否打开。
Returns:
true - true弹框打开，false弹框关闭.
Type
boolean

isOpen() → {boolean}

弹框是否打开。
Returns:
true - true弹框打开，false弹框关闭.
Type
boolean

remove()

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

remove()

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

setDOMContent(htmlNode)

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

setDOMContent(htmlNode)

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

setHTML(html)

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

setHTML(html)

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

setLngLat(LngLat)

设置弹框的坐标。
Parameters:
Name Type Description
LngLat GeoGlobe.LngLat 设置弹框的位置坐标。

setLngLat(LngLat)

设置弹框的坐标。
Parameters:
Name Type Description
LngLat GeoGlobe.LngLat 设置弹框的位置坐标。

setText(text)

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

setText(text)

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