docs: fix marker popup docs

This commit is contained in:
thinkinggis 2020-03-08 17:31:56 +08:00
parent c559a21e99
commit 1d71efb871
8 changed files with 36 additions and 48 deletions

View File

@ -1,5 +1,5 @@
---
title: Control
title: Control 控件
order: 3
---

View File

@ -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

View File

@ -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);
```
## 事件

View File

@ -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 字符串

View File

@ -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 字符串

View File

@ -1,4 +1,4 @@
---
title: Layer Component
order: 1
order: 2
---

View File

@ -1,6 +1,6 @@
---
title: Layer 组件
order: 1
order: 2
---
## Scene Props

View File

@ -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: [