摘要：更多关于的操作请查看腾讯地图官网戳我简单的封装了一块原石，封装还在继续，如果老铁有更好的方式或想法不妨走起一波会给你双击如果有问题可加入前端交流群一起讨论前端攻城狮群
react-qmap -- React腾讯地图组件 一个对腾讯web地图简单封装的React组件
GitHub源码地址：戳我
栗子：戳我
栗子源码：戳我
安装
yarn add react-qmap or npm install react-qmap
基础用法
import ReactQMap from "react-qmap";API
| Method | Type | Optional | Default | Description |
|---|---|---|---|---|
| getMap | function | false | 获取地图的对象和当前容器的map对象,第一个参数是new的当前map对象，第二个参数是全局map对象 | |
| style | object | false | 设置组件的内联样式，默认样式width: "100%", height: "100%" | |
| className | string | false | 设置组件的class | |
| mySpot | object | false | 设置地图的定位坐标 | |
| initialOptions | object | false | zoom: 14,disableDefaultUI: true, zoomControl: false,mapTypeControl: false, | 初始化地图的参数，简单默认设置了几个，更多的初始化参数请参照文档 |
| apiKey | string | true | 设置地图引用的key,为防止限制调用API,建议官网申请自己的key | |
| center | object | true | 设置地图初始化的中心位置坐标 |
有了初始化的地图，获取到地图对象之后，就可以按照官网提供的资料随心所欲了。
更多关于API的操作请查看腾讯地图官网（戳我）
简单的封装了一块原石，封装还在继续，如果老铁有更好的方式或想法不妨PR走起一波~会给你双击666
如果有问题可加入前端交流群一起讨论：前端攻城狮②群：592688854
licenseMIT
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/51945.html
阅读 1305·2021-10-19 11:42
阅读 700·2021-09-22 16:04
阅读 1840·2021-09-10 11:23
阅读 1762·2021-07-29 14:48
阅读 1229·2021-07-26 23:38
阅读 2762·2019-08-30 15:54
阅读 988·2019-08-30 11:25
阅读 1668·2019-08-29 17:23
