对比图：

解决方案：

1.首先确认控制台是否存在以下报错

<AMap JSAPI> KEY异常，错误信息：USERKEY_PLAT_NOMATCH

2.如果存在就是你申请的高德地图Key值存在问题，如下解决：

          在服务平台处选择Web端（JS API）

3.代码部分

<code>AMapLoader.load({

key: "你的key值",

version: "2.0",

"plugins":["AMap.Geocoder"]

})

.then((AMap) => {

// 调用地图渲染函数

})

.catch((e) => {

console.error(e); //加载错误提示

});

以上已经完结

小编也是辛苦研究发现，小编说下踩过的坑方便大家研究

小编在服务平台处选择的web服务,还有就是小编在代码处没写"plugins":["AMap.Geocoder"]