前端导入高德地图，只有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"]**