react map(react高德地图)

今天发现了一个在reactjs使用的地图：
地址奉上：
https://elemefe.github.io/react-amap/articles/high
安装

npm install react-amap --save
npm instal react-amap-plugin-geolocation --save

js文件定义以下内容：

import { Map } from 'react-amap'
import Geolocation from 'react-amap-plugin-geolocation'

const pluginProps = {
    enableHighAccuracy: true,//是否使用高精度定位，默认:true
    timeout: 100,          //超过10秒后停止定位，默认：无穷大
    maximumAge: 0,           //定位结果缓存0毫秒，默认：0
    convert: true,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
    showButton: true,        //显示定位按钮，默认：true
    buttonPosition: 'RB',    //定位按钮停靠位置，默认：'LB'，左下角
    showMarker: true,        //定位成功后在定位到的位置显示点标记，默认：true
    showCircle: true,        //定位成功后用圆圈表示定位精度范围，默认：true
    panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
    zoomToAccuracy:true,//定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：f
    extensions:'all'
}

          
 
注释：Map必须外加一个div(宽高是必须给的)，否则无法显示。

获取地址详细信息:

onClick={()=>{
       this.mapLocation.geolocation.getCurrentPosition((status,getData)=>{
          this.setState({
                      flag:true,
                      AddressList:getData['pois']
                  });
        })

上面的代码我是用react写的，js大致差不多，觉得有用的小伙伴点个关注和小红心就行，么么哒。

友情提示：在开发中有遇到RN相关的技术问题，欢迎小伙伴加入交流群（620792950），在群里提问、互相交流学习。交流群也定期更新最新的RN学习资料给大家，谢谢大家支持！