antv-l7/docs/api/component/popup.en.md

title	order
Popup	4

popup

地图标注信息窗口，用于展示地图要素的属性信息

构造函数

Popup

const popup = new L7.Popup(option)

option

• closeButton
• closeOnClick
• maxWidth
• anchor

方法

setLnglat

设置popup的经纬度位置
参数：lnglat 经纬度数组 [112,32]

popup.setLnglat([112, 32]);

addTo

参数：scene 地图scene实例

将popup添加到地图scene显示

popup.addTo(scene);

setHtml

参数：html 字符串

设置popup html 内容

var html = '<p>\u7701\u4EFD\uFF1A' + feature.s + '</p>\n        <p>\u5730\u533A\uFF1A' + feature.m + '</p>\n        <p>\u6E29\u5EA6\uFF1A' + feature.t + '</p>\n        ';
popup.setHtml(html);

setText

设置 popup 显示文本内容

popup.setText('hello world');

remove

移除popup

popup.remove()

事件

close

popup.on('close',()=>{})

示例代码

添加popup

  var html = '<p>'+feature.m+'</p>';
  const new L7.Popup().setLnglat([112, 32]).setHTML(html).addTo(scene);

FAQ