react项目中引用amap(高德地图)坑

Posted andrewkz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react项目中引用amap(高德地图)坑相关的知识,希望对你有一定的参考价值。

最近在写一个react项目,用到了需要定位的需求,于是乎自己决定用高德地图(AMap),但是react官方文档的案列很少,大多都是原生JS的方法。

在调用amap的 Geocoder Api 时,一直不能从AMap对象下找到Geocoder 的方法, 后来花了几个小时的时间找问题在哪

结果在index中引入链接时,需要在链接上配置plugin=AMap.Geocoder, 才能够在AMap调用Geocoder Api。

下面是例子:

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=‘你申请的key‘&plugin=AMap.Geocoder"></script>

技术图片

以上是关于react项目中引用amap(高德地图)坑的主要内容,如果未能解决你的问题,请参考以下文章

高德地图 室内地图 API 的一些坑

vue:引入高德地图

高德地图采坑实践之地图不显示(已解决)

vue2.0使用高德地图第三方插件

在vue3项目中使用新版高德地图

高德地图使用-引用