mirror of https://gitee.com/antv-l7/antv-l7
docs: fix marker popup docs
This commit is contained in:
parent
c559a21e99
commit
1d71efb871
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: Control
|
||||
title: Control 控件
|
||||
order: 3
|
||||
---
|
||||
|
||||
|
|
|
@ -30,10 +30,6 @@ scene.addMarker(marker);
|
|||
|
||||
设置 marker 经纬度位置
|
||||
|
||||
#### addTo
|
||||
|
||||
将 marker 添加到地图 Scene
|
||||
|
||||
#### remove
|
||||
|
||||
移除 marker
|
||||
|
@ -74,8 +70,7 @@ el.style.background = getColor(data[i].v);
|
|||
new L7.Marker({
|
||||
element: el,
|
||||
})
|
||||
.setLnglat([data[i].x * 1, data[i].y])
|
||||
.addTo(scene);
|
||||
.setLnglat([data[i].x * 1, data[i].y]
|
||||
```
|
||||
|
||||
#### 设置 popup
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: Marker
|
||||
title: Marker 标注
|
||||
order: 3
|
||||
---
|
||||
|
||||
|
@ -20,16 +20,18 @@ Marker
|
|||
- offsets `Array` 偏移量 [ 0, 0 ] 分别表示 X, Y 的偏移量
|
||||
- extData 用户自定义属性,支持任意数据类型,存储 marker 属性信息
|
||||
|
||||
### 添加到 Scene
|
||||
|
||||
```javascript
|
||||
scene.addMarker(marker);
|
||||
```
|
||||
|
||||
## 方法
|
||||
|
||||
#### setLnglat
|
||||
|
||||
设置 marker 经纬度位置
|
||||
|
||||
#### addTo
|
||||
|
||||
将 marker 添加到地图 Scene
|
||||
|
||||
#### remove
|
||||
|
||||
移除 marker
|
||||
|
@ -89,11 +91,14 @@ var el = document.createElement('label');
|
|||
el.className = 'labelclass';
|
||||
el.textContent = data[i].v;
|
||||
el.style.background = getColor(data[i].v);
|
||||
new L7.Marker({
|
||||
|
||||
const marker = new L7.Marker({
|
||||
element: el,
|
||||
})
|
||||
.setLnglat([data[i].x * 1, data[i].y])
|
||||
.addTo(scene);
|
||||
.setLnglat([data[i].x * 1, data[i].y]);
|
||||
|
||||
scene.addMarker(marker);
|
||||
|
||||
```
|
||||
|
||||
#### 设置 popup
|
||||
|
@ -108,7 +113,6 @@ new L7.Marker({
|
|||
})
|
||||
.setLnglat(item.coordinates)
|
||||
.setPopup(popup)
|
||||
.addTo(scene);
|
||||
```
|
||||
|
||||
## 事件
|
||||
|
|
|
@ -1,9 +1,8 @@
|
|||
---
|
||||
title: popup
|
||||
title: Popup
|
||||
order: 0
|
||||
---
|
||||
|
||||
# popup
|
||||
|
||||
地图标注信息窗口,用于展示地图要素的属性信息
|
||||
|
||||
|
@ -22,6 +21,12 @@ const popup = new L7.Popup(option);
|
|||
- maxWidth
|
||||
- anchor
|
||||
|
||||
#### 添加到地图
|
||||
|
||||
```javascript
|
||||
scene.addPopup(popup);
|
||||
```
|
||||
|
||||
## 方法
|
||||
|
||||
#### setLnglat
|
||||
|
@ -49,16 +54,6 @@ const lnglat = {
|
|||
popup.setLnglat([112, 32]);
|
||||
```
|
||||
|
||||
#### addTo
|
||||
|
||||
**参数**:scene 地图 scene 实例
|
||||
|
||||
将 popup 添加到地图 scene 显示
|
||||
|
||||
```javascript
|
||||
popup.addTo(scene);
|
||||
```
|
||||
|
||||
#### setHTML
|
||||
|
||||
**参数**:html 字符串
|
||||
|
|
|
@ -1,10 +1,8 @@
|
|||
---
|
||||
title: popup
|
||||
title: Popup 信息框
|
||||
order: 0
|
||||
---
|
||||
|
||||
# popup
|
||||
|
||||
地图标注信息窗口,用于展示地图要素的属性信息
|
||||
|
||||
## 构造函数
|
||||
|
@ -22,6 +20,13 @@ const popup = new L7.Popup(option);
|
|||
- maxWidth
|
||||
- anchor
|
||||
|
||||
#### 添加到地图
|
||||
|
||||
```javascript
|
||||
scene.addPopup(popup);
|
||||
```
|
||||
|
||||
|
||||
## 方法
|
||||
|
||||
#### setLnglat
|
||||
|
@ -48,17 +53,6 @@ const lnglat = {
|
|||
```javascript
|
||||
popup.setLnglat([112, 32]);
|
||||
```
|
||||
|
||||
#### addTo
|
||||
|
||||
**参数**:scene 地图 scene 实例
|
||||
|
||||
将 popup 添加到地图 scene 显示
|
||||
|
||||
```javascript
|
||||
popup.addTo(scene);
|
||||
```
|
||||
|
||||
#### setHTML
|
||||
|
||||
**参数**:html 字符串
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
---
|
||||
title: Layer Component
|
||||
order: 1
|
||||
order: 2
|
||||
---
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: Layer 组件
|
||||
order: 1
|
||||
order: 2
|
||||
---
|
||||
|
||||
## Scene Props
|
||||
|
|
|
@ -80,10 +80,10 @@ module.exports = {
|
|||
{
|
||||
slug: 'api/react',
|
||||
title: {
|
||||
zh: 'react 组件',
|
||||
zh: 'React 组件',
|
||||
en: 'react component'
|
||||
},
|
||||
order: 10
|
||||
order: 6
|
||||
},
|
||||
{
|
||||
slug: 'api/layer',
|
||||
|
@ -155,7 +155,7 @@ module.exports = {
|
|||
zh: '数据 Source',
|
||||
en: 'Source'
|
||||
},
|
||||
order: 2
|
||||
order: 4
|
||||
},
|
||||
{
|
||||
slug: 'api/component',
|
||||
|
@ -163,7 +163,7 @@ module.exports = {
|
|||
zh: '组件 Component',
|
||||
en: 'Component'
|
||||
},
|
||||
order: 4
|
||||
order: 5
|
||||
}
|
||||
],
|
||||
examples: [
|
||||
|
|
Loading…
Reference in New Issue