高德地图加载报错-------禁止多种API加载方式混用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
  • 一、问题描述
  • 二、寻找问题
  • 三、解决方法
  • 总结


前言

最近在做一个打卡功能,需要用到地图组件.在引入地图的时候加载地图遇到问题.


一、问题描述

通过amap-jsapi-loader的方式渲染地图但是报错,禁止多种API加载方式混用.详情如下图

高德地图加载报错-------禁止多种API加载方式混用_第1张图片
高德地图加载报错-------禁止多种API加载方式混用_第2张图片

二、寻找问题

通过查找最后发现报错原因是因为,前辈的代码在public下通过cdn的方式引入了高德的js文件,导致渲染冲突.但是寻找了好久
高德地图加载报错-------禁止多种API加载方式混用_第3张图片

三、解决方法

注释或者删掉index下引入高德的代码就好了

高德地图加载报错-------禁止多种API加载方式混用_第4张图片
成功渲染
高德地图加载报错-------禁止多种API加载方式混用_第5张图片

总结

高德地图引入方式不能混用,如果禁止多种API加载方式混用报错信息,不妨寻找一下是不是 别的地方也引入了高德地图

你可能感兴趣的:(高德地图,大图显示,javascript,前端,cdn)