JS引用高德地图报错: AMap is not defined

简介: JS引用高德地图报错: AMap is not defined

1:我在页面里引用了高德地图的根据输入地点获取经纬度插件,代码如

<script type="text/javascript">
    window._AMapSecurityConfig = {
      securityJsCode: '你的秘钥密码',
    }
  </script>
 <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.@&key=xxxxxxxxxxxxxxxx"></script>
 mounted() {
    // 创建地图实例
    var map = new AMap.Map('container', {
      zoom: 12,
      resizeEnable: true
    })
    var marker = new AMap.Marker({
      position: new AMap.LngLat(116.29537571881102, 39.842559532456974), // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
      title: '北京丰台医院' })
  },

2:解决方法

网上试过了好多方法都没有效果

  <script src="https://webapi.amap.com/maps?v=1.4.15&key=xxxxxxxxxxxx"></script>

修改一下 版本号就好了。

3:效果图

2075ba7952f0475ca2226634a5c24418.png


目录
相关文章
|
4月前
|
Web App开发 存储 数据处理
Chrome 下载大文件报错!用 Streamsaver.js 完美填坑
本文探讨了Chrome下载大文件报“网络错误”的原因及解决方案。由于Chrome对Blob数据有大小限制,导致大文件下载失败。通过将responseType改为ArrayBuffer可临时解决1-2G文件问题,但超3G仍会崩溃。最佳方案是使用Streamsaver.js实现流式下载,边接收边保存,避免内存溢出,完美支持超大文件下载。
2244 3
|
11月前
|
缓存 JavaScript 前端开发
mapbox没有token/token失效,地图闪烁后变空白,报错Error: A valid Mapbox access token is required to use Mapbox GL JS.
本博客介绍了mapbox如何去除token验证,暴力破解mapbox的token验证机制。一劳永逸解决mapbox地图闪现一下然后变成空白,报错Error: A valid Mapbox access token is required to use Mapbox GL JS.的方法,还介绍了类似问题的具体解决思路。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
858 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
|
JavaScript 前端开发 开发工具
【Azure Developer】使用JavaScript通过SDK进行monitor-query的client认证报错问题
AADSTS90002: Tenant 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx' not found. Check to make sure you have the correct tenant ID and are signing into the correct cloud. Check with your subscription administrator, this may happen if there are no active subscriptions for the tenant.
153 1
|
JavaScript 前端开发
原生js常见报错及其处理方案
原生js常见报错及其处理方案
311 0
|
JavaScript
js 捕获 await 的报错
js 捕获 await 的报错
124 1
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
187 0
|
JavaScript 前端开发 Java
JS经常碰见的报错问题
JS经常碰见的报错问题
|
JavaScript UED
ab77b6ea7f3fbf79.JS代码报错什么原因?
网站出现JS报错,表现为黄色小叹号,经排查发现是360自动收录JS引起。这不仅导致页面延迟增加,还影响用户体验。解决方案是删除360的自动推送JS代码。
118 1
|
JavaScript
Vue——使用JS文件中的函数ESLint报错未定义
Vue——使用JS文件中的函数ESLint报错未定义
164 0