2.1.1 • Published 4 years ago

gm-map v2.1.1

Weekly downloads
5
License
ISC
Repository
github
Last release
4 years ago

gm-map地图组件

gm-map组件是基于饿了么开发的react-amap组件的再封装,使用高德地图的API,具体功能有 1. 搜索栏输入相关关键字出现tips列表,点击某一项确定位置 2. 拖动地图确定位置,在搜索栏出现相应的地址信息

使用前请确保安装了以下依赖

  • lodash
  • react-amap
  • react
  • classnames
  • prop-types
  • less

Props

  1. center (Obj),{ longitude, latitude },初始化地图的中心位置,如果没有初始位置就不传这个属性,center不能为null,可以是center={ longitude: null, latitude: null },如果是这种结构,会被认为“错误”状态
  2. mapAddress (String), 初始化地址,可不填。
  3. zoom (Number), 地图显示的缩放级别,默认值是 16。
  4. amapkey (String | isRequired), 加载高德 API 使用的 Key。
  5. onGetLocation (Func | isRequired),传入一个回调函数,接受的参数即是地图返回的位置信息。 参数信息:经纬度,地址。
  6. inputFocusColor(String),搜索框的边框颜色。
  7. warning (Bool), 值为true时,当组件的状态为错误时,给出一个警告。
  8. placeholder (String), 设置搜索框的placeholder。

本地测试

npm install 安装依赖 npm run build 打包 npm start 打开http//:0.0.0.0:8080

特别注意

因为高德地图实现是使用canvas,所以需要一个外层容器。使用时需要给个外层div,并给定宽高。

2.1.1

4 years ago

2.1.0

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.7.0

4 years ago

1.6.4

4 years ago

1.6.4-beta.2

4 years ago

1.6.4-beta.1

4 years ago

1.6.3

4 years ago

1.6.2

5 years ago

1.6.1

5 years ago

1.6.0

5 years ago

1.5.9

5 years ago

1.5.8

5 years ago

1.5.7

5 years ago

1.5.6

5 years ago

1.5.5

5 years ago

1.5.4

5 years ago

1.5.3

5 years ago

1.5.2

5 years ago

1.5.1

5 years ago

1.5.0

5 years ago

1.4.2

5 years ago

1.4.1

5 years ago

1.4.0

5 years ago

1.3.19

5 years ago

1.3.18

5 years ago

1.3.17

5 years ago

1.3.16

5 years ago

1.3.15

5 years ago

1.3.14

5 years ago

1.3.13

5 years ago

1.3.12

5 years ago

1.3.11

5 years ago

1.3.10

5 years ago

1.3.9

5 years ago

1.3.8

5 years ago

1.3.7

5 years ago

1.3.6

5 years ago

1.3.5

5 years ago

1.3.4

5 years ago

1.3.3

5 years ago

1.3.2

5 years ago

1.3.1

5 years ago

1.3.0

5 years ago

1.2.2

5 years ago

1.2.0

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.0

5 years ago

0.3.0

5 years ago

0.2.0

5 years ago

0.1.0

5 years ago