易航海webSdk

Appearance

方法 ​

addTo(map) ​

将弹窗添加到地图实例上。

示例:

html
<script>
  new EhhGisGl.Popup().setLngLat([0, 0]).setHTML('<h1>Null Island</h1>').addTo(map)
</script>

remove(map) ​

示例:

html
<script>
  const myPopup = new EhhGisGl.Popup().setLngLat([0, 0]).addTo(map)
  myPopup.remove()
</script>

isOpen() ​

检查当前弹窗是否处于打开（显示）状态。

示例:

html
<script>
  const myPopup = new EhhGisGl.Popup().setLngLat([0, 0]).addTo(map)
  console.log(myPopup.isOpen())
</script>

setLngLat() ​

设置弹窗的地理坐标位置。

示例:

html
<script>
  popup.setLngLat([116.4, 39.9])
</script>

getLngLat() ​

获取弹窗当前的地理坐标。

html
<script>
  popup.getLngLat()
</script>

setText() ​

设置弹窗的内容为纯文本。 这比 setHTML 更安全，可以防止 XSS 攻击。

html
<script>
  popup.setText('Hello World')
</script>

setHTML() ​

设置弹窗的内容为 HTML 字符串。

html
<script>
  popup.setHTML("<h3 style='color:red;'>警告</h3>")
</script>

setDOMContent() ​

设置弹窗的内容为 HTML DOM 节点。

html
<script>
  const div = document.createElement('div')
  div.innerHTML = '动态内容'
  popup.setDOMContent(div)
</script>

getMaxWidth() ​

获取当前弹窗的最大宽度。返回: String (例如 '240px')

setMaxWidth() ​

html
<script>
  popup.setMaxWidth('500px')
</script>

addClassName(className) ​

向弹窗容器添加 CSS 类名

html
<script>
  popup.addClassName('my-class')
</script>

removeClassName(className) ​

从弹窗容器移除 CSS 类名

html
<script>
  popup.removeClassName('my-class')
</script>

setOffset(offset) ​

设置弹窗的偏移量 offset

html
<script>
  popup.setOffset([x, y])
</script>