mirror of https://gitee.com/antv-l7/antv-l7
93 lines
1.2 KiB
Markdown
93 lines
1.2 KiB
Markdown
---
|
||
title: popup
|
||
order: 0
|
||
---
|
||
# popup
|
||
|
||
地图标注信息窗口，用于展示地图要素的属性信息
|
||
|
||
|
||
## 构造函数
|
||
Popup
|
||
|
||
```javascript
|
||
const popup = new L7.Popup(option)
|
||
```
|
||
|
||
|
||
#### option
|
||
|
||
- closeButton
|
||
- closeOnClick
|
||
- maxWidth
|
||
- anchor
|
||
|
||
|
||
## 方法
|
||
|
||
#### setLnglat
|
||
设置popup的经纬度位置<br />**参数**：lnglat 经纬度数组 [112,32]
|
||
|
||
```javascript
|
||
popup.setLnglat([112, 32]);
|
||
```
|
||
|
||
|
||
#### addTo
|
||
**参数**：scene 地图scene实例
|
||
|
||
将popup添加到地图scene显示
|
||
|
||
```javascript
|
||
popup.addTo(scene);
|
||
```
|
||
|
||
|
||
#### setHtml
|
||
**参数**：html 字符串
|
||
|
||
设置popup html 内容
|
||
|
||
```javascript
|
||
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 显示文本内容
|
||
|
||
```javascript
|
||
popup.setText('hello world');
|
||
```
|
||
|
||
|
||
#### remove
|
||
移除popup
|
||
|
||
```javascript
|
||
popup.remove()
|
||
```
|
||
|
||
|
||
## 事件
|
||
|
||
#### close
|
||
|
||
```javascript
|
||
popup.on('close',()=>{})
|
||
```
|
||
|
||
|
||
## 示例代码
|
||
|
||
#### 添加popup
|
||
|
||
```
|
||
var html = '<p>'+feature.m+'</p>';
|
||
const new L7.Popup().setLnglat([112, 32]).setHTML(html).addTo(scene);
|
||
```
|
||
|
||
### FAQ
|