Basic Usage

import {
  RCMap,
  TileLayer,
  GeoJSON,
  Popup
} from 'rc-leaflet'

(
  <RCMap crs center>
    <TileLayer />
    <GeoJSON data />

    <GeoJSON data>
      <Popup />
    </GeoJSON>
  </RCMap>
)

统一设置Path样式

const style = { color: 'red' }

(
  <GeoJSON data style={style} />
)

data

• type: Geometry | Geometry[] | Feature | Feature[] | FeatureCollection

• required: true

• geo经纬度json数据

pointToLayer

• type: (feature: geo.Feature<geo.Point>, position: L.LatLng) => L.Layer

• required: false

• 点位json数据的渲染函数, 默认渲染点位

style

• type: L.PathOptions | (feature?: geo.Feature<geo.GeometryObject>) => L.PathOptions

• required: false

• 设置geo线和多边形的样式

onEachFeature

• type: (feature: geo.Feature<geo.GeometryObject>, layer: L.Layer) => void

• required: false

• 对每个添加到地图的geo元素执行一定的操作

filter

• type: (feature: geo.Feature<geo.GeometryObject>) => boolean

• required: false

• 对后续添加到地图的geo元素进行过滤

coordsToLatLng

• type: (coords: [number, number] | [number, number, number]) => L.LatLng

• required: false

• 点位数组转换成L.LatLng的转换函数, 默认为点位格式为[lng, lat], 通过设置该函数, 可以传入[lat, lng]

zIndex

• type: number

• required: false

• 现阶段不起作用

pane

• type: string

• required: false

• default: overlayPane

• 放置GeoJSON的地图图层名称

attribution

• type: string

• required: false

• 版权描述

onCreate

• type: (layer: L.Layer) => void

• required: false

• GeoJSON创建之后的回调

onAdd

• type: (e: L.LeafletEvent, layer: L.Layer) => void

• required: false

• GeoJSON添加到图层之后的回调

onUpdate

• type: (layer: L.Layer) => void

• required: false

• GeoJSON发生更新之后的回调

onBeforeRemove

• type: (layer: L.Layer) => void

• required: false

• GeoJSON在删除之前的回调

onRemove

• type: (e: L.LeafletEvent, layer: L.Layer) => void

• required: false

• GeoJSON删除时的回调

onClick

• type: (e: L.LeafletMouseEvent) => void

• required: false

• GeoJSON鼠标点击时的回调

onMouseOver

• type: (e: L.LeafletMouseEvent) => void

• required: false

• GeoJSON鼠标进入时的回调

onMouseOut

• type: (e: L.LeafletMouseEvent) => void

• required: false

• GeoJSON鼠标离开时的回调