mirror of https://gitee.com/antv-l7/antv-l7
66 lines
2.8 KiB
Markdown
66 lines
2.8 KiB
Markdown
---
|
||
title: API
|
||
---
|
||
`markdown:docs/common/style.md`
|
||
## Popup Props
|
||
|
||
| prop name | Type | Default | Description |
|
||
| --------- | ----------------- | ------- | ---------------- |
|
||
| option | `string` | `null` | popup 配置项 |
|
||
| lnglat | `Array | Object` | `null` | popup 经纬度位置 |
|
||
| children | `React.ReactNode` | `null` | 子组件 |
|
||
|
||
### option
|
||
|
||
| prop name | Type | Default | Description |
|
||
| ------------ | ------------ | ------- | ------------------------------------------------------------------------------ |
|
||
| closeButton | `string` | `true` | 是否显示关闭按钮 |
|
||
| closeOnClick | `string` | `blue` | 点击是否关闭 popup |
|
||
| anchor | `string` | `null` | center, top, top-left, top-right, bottom, bottom-left,bottom-right,left, right |
|
||
| offsets | `Array[x,y]` | `null` | popup 位置偏移 |
|
||
| className | `string` | `null` | 样式名称 |
|
||
|
||
```jsx
|
||
import { Popup } from '@antv/l7-react';
|
||
|
||
<Popup option={{}} lnglat={[]} />;
|
||
```
|
||
|
||
[popup 使用完整 demo](../../../examples/react/covid#covid_bubble)
|
||
|
||
## Marker Props
|
||
|
||
| prop name | Type | Default | Description |
|
||
| -------------- | ----------------- | ------- | ----------------- |
|
||
| option | `string` | `null` | marker 配置项 |
|
||
| lnglat | `Array | Object` | `null` | marker 经纬度位置 |
|
||
| onMarkerLoaded | `Function` | `null` | layer 回调函数 |
|
||
| children | `React.ReactNode` | `null` | 子组件 |
|
||
|
||
### option
|
||
|
||
| prop name | Type | Default | Description |
|
||
| --------- | ------------ | ------- | ------------------------------------------------------------------------------ |
|
||
| color | `string` | `blue` | marker 配置项 |
|
||
| anchor | `string` | `null` | center, top, top-left, top-right, bottom, bottom-left,bottom-right,left, right |
|
||
| offsets | `Array[x,y]` | `null` | marker 位置偏移 |
|
||
| extData | `object` | `null` | marker 属性数据 |
|
||
|
||
## Maker 事件
|
||
|
||
通过 onMarkerLoaded 方法获取 Marker 实例监听
|
||
|
||
## 实例
|
||
|
||
```jsx
|
||
import { Marker} from '@antv/l7-react'
|
||
<Marker
|
||
option = {{
|
||
color:'red'
|
||
}}
|
||
lnglat ={{[120,32]}}
|
||
/>
|
||
|
||
```
|
||
|