markdown:docs/common/style.md
prop name |
Type |
Default |
Description |
option |
string |
null |
popup 配置项 |
lnglat |
`Array |
Object` |
null |
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 |
样式名称 |
import { Popup } from '@antv/l7-react';
<Popup option={{}} lnglat={[]} />;
popup 使用完整 demo
Marker Props
prop name |
Type |
Default |
Description |
option |
string |
null |
marker 配置项 |
lnglat |
`Array |
Object` |
null |
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 实例监听
实例
import { Marker} from '@antv/l7-react'
<Marker
option = {{
color:'red'
}}
lnglat ={{[120,32]}}
/>