鸽子地图(Pigeon Maps)
made with React

Pigeon Maps是一个基于React.js且没有外部依赖关系的地图组件。

如果你只是为了显示几个图块和一个标记，不想等待3秒钟来解析200kb的Google Maps JavaScript，那么你可以使用Pigeon Maps，Gzip之后7.0KB。

安装

Npm

npm i pigeon-maps

Yarn

yarn add pigeon-maps

使用

import Map from 'pigeon-maps'
import Marker from 'pigeon-marker'
import Overlay from 'pigeon-overlay'

const map = (
  <Map center={[50.879, 4.6997]} zoom={12} width={600} height={400}>
    <Marker anchor={[50.874, 4.6947]} payload={1} onClick={({ event, anchor, payload }) => {}} />

    <Overlay anchor={[50.879, 4.6997]} offset={[120, 79]}>
      <img src='pigeon.jpg' width={240} height={158} alt='' />
    </Overlay>
  </Map>
)

示例