React使用高德地图的实现示例(react-amap)

搜了资料，发现有一个针对React进行封装的地图插件react-amap。官方网址：react-amap 安装1、使用npm进行安装，目前是1.2.8版本：2、直接使用sdn方式引入react-amap 使用这样的话，就会初始化一个简单的地图。实际开发过程中，你会有比较复杂的使用场景。比如需要标记点、对地图进行缩放、能够定位到当前位置、位置搜索等等功能。需求大致如下图所示：这样的话，那就需要引入插件以及组件的概念了。Marker 地图标记InfoWindow 窗体组件通过 created 事件实现更高级的使用需求，在高德原生实例创建成功后调用，参数就是创建的实例；获取到实例之后，就可以根据高德原生的方法对实例进行操作：实现一个较为复杂地址搜索，地址标记、逆地理解析代码：