说下amap协同Geolocation创建地图，实现定位，路线规划等功能

#1

最近做项目时，刚好要用到地图定位；对于刚学不久的我，查了很多网上资料，都草草而过；今天总结下，以后避免忘了，并提醒后人怎么做
react使用高德地图进行定位，路径规划以及根据经纬度逆解析获得地址名称；
1.yarn add react-amap/react-amap-plugin-geolocation
react-amap是react官网根据高德地图api封装的；下载完需要获取地图逆解析以及定位，我使用react-amap-plugin-geolocation，可以使用yarn add react-amap-plugin-geolocation进行下载；
下载完当然是开始敲起键盘了；
1.引入

2.到高德官网注册并生成mapkey，接着继续敲起来

3.填写完mapkey并建立高德地图；地图默认所在位置是我所在市位置附近；默认是有工具条的，当然可以自己写，当插件引进，只需要
当然我是用定位，直接不实用工具条，使用geolocation自定义的定位按钮；

#2

4.获取当前位置

就是这个按钮
再根据自己点击地图时候，触发的时间，产生mark并且地图中心set成mark的经纬度，这样地图基本实现了；
5.完成上面四步会后，可以获取到当前位置的经纬度跟鼠标点击的经纬度以及地理名称；接下来做路线规划；高德的官网说的很清楚；但是也有区分，毕竟react做高德地图在网上找了好久都没找到资源；

到这里基本就完成了react从初始化地图到定位，再到逆解析，最后到路线规划。

#3

最后，贴上自己项目大致的地图效果：

1 Like