前端导入高德地图，只有logo，没有地图解决方案

对比图：

解决方案：

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

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

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

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

3.代码部分

AMapLoader.load({   key: "你的key值",   version: "2.0",   "plugins":["AMap.Geocoder"]  })   .then((AMap) => {     // 调用地图渲染函数        })   .catch((e) => {     console.error(e); //加载错误提示   });

以上已经完结

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

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