使用高德api js做轨迹巡航出现‘AMapUI‘ is not defined报错

于 2023-05-25 09:39:06 发布
阅读量401 收藏 2
点赞数 1
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42229667/article/details/130860319
版权

踩个小坑

官方文档这里直接使用了AMapUI，但是我没看到在哪里引入的，所以直接报错‘AMapUI‘ is not defined
在这里插入图片描述
如果你使用的是高德的api js来使用AMapUI，你需要在这里注册一下
在这里插入图片描述
然后你就可以用了，其原理我猜是把AMapUI的实例挂载到window对象上了，所以在全局可以直接使用AMapUI

社会社会
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vueamap基于Vue2x和高德地图的地图组件
08-10
vueamap基于Vue2x和高德地图的地图组件
Python 解决execjs._exceptions.ProgramError: ReferenceError: document is not defined报错问题
01-20
今天用execjs调用JS时，发现报错execjs._exceptions.ProgramError: ReferenceError: document is not defined 如图： 错误类型：文档对象未定义，解决方法，定义对象即可，习惯性定义变量嘛 var document ;？   emmmmmmmmmmmmmmm….不行的，继续报错  execjs._exceptions.ProgramError: TypeError: Cannot read property 'createElement' of undefined 若是报错：execjs._exceptions.Prog
Error in mounted hook: "ReferenceError: AMap is not defined" fo
06-13
ReferenceError: AMap is not defined AMap未定义
Python中对错误NameError: name ‘xxx’ is not defined进行总结
12-21
最近在使用python过重遇到这个问题，NameError: name 'xxx' is not defined，在学习python或者在使用python的过程中这个问题大家肯定都遇到过，在这里我就这个问题总结以下几种情况： 错误NameError: name ‘xxx’ is not defined总结情况一：要加双引号（” “）或者（’ ‘）而没加情况二：字符缩进格式的问题情况三：`if __name__==’__main__’ :` 没有和`class类`进行对齐情况四：NameError: name ‘file’ is not defined情况五：NameError: name ‘模
vue引用高德地图产生 ‘AMapUI‘ is not defined , ‘AMap‘ is not defined 问题及解决。
CRT本人的博客
02-18 5473
1.通过在.eslintrc.js中配置如下，只要配置一个，亲测有效，没有.eslintrc.js文件的，可以npm安装一下（默认依赖中有），然后 eslint --init 就可以出现文件， 在文件中： "globals": { "AMap": "true", "AMapUI":"true", }, 2.在每一个使用中配置，每一个使用到的都要配置： // eslint-disable-next-line no-undef gaodesatellite: new AMap.TileLay
vue 中使用 vue-amap(高德地图) 【‘AMapUI‘ is not defined 】
m0_67403013的博客
04-27 5113
业务需求： 1. 点击地图获取经纬度及地址； 2.输入内容搜索获取经纬度及地址; 开始： 使用前 可以先查阅官网:vue-amap 其中比较重要的: 1. vue-amap能够抛开高德原生 SDK 覆盖大多数场景，但对于部分定制化程度较高的场景而言，可能还是需要引入高德原生 SDK 来支持。这章将介绍如何在 vue-amap 中使用高德 SDK。 实例方式 对于大多数vue-amap组件，都有init这个event，参数为高德的实例，通过这样暴露高德实例的方式，开发者能够非常自由地将原生 SDK 和 vue
Vue项目使用高德地图报错AMapUI is not defined解决方案
qq_42522346的博客
05-31 4904
使用高德地图报错AMapUI未定义决绝方法
vue 中使用 vue-amap(高德地图) 【'AMapUI' is not defined 】
热门推荐
weixin_42737937的博客
06-15 2万+
业务需求： 1. 点击地图获取经纬度及地址； 2.输入内容搜索获取经纬度及地址; 开始： 使用前 可以先查阅官网:vue-amap 其中比较重要的: 1. vue-amap能够抛开高德原生 SDK 覆盖大多数场景，但对于部分定制化程度较高的场景而言，可能还是需要引入高德原生 SDK 来支持。这章将介绍如何在 vue-amap 中使用高德...
解决 Hbuilder 使用高德地图 POI 搜索一直报错： Uncaught ReferenceError: AMapUI is not defined
mercy_yang
07-27 1万+
前提：在使用Hbuilder+高德JS，开发APP的时候，希望在使用高德地图的POI检索地址，并在地图上定位，当中使用了高德地图的js文件， 参考高德官网提供 demo，发现js一直报错 【 AMapUI is not defined】，按照网上搜索的调整 AMapUI所使用的js文件位置，即时把所需的js文件放置在HTML的最后面，发现然并卵，并不能解决这个错误。   问题猜想：出现 【...
VUE3+Ts使用高德地图组件@vuemap/vue-amap语法检测Amap is not defind
Mr_simoon的博客
03-20 4841
第二种，如果不是eslint语法检测的问题，那就是TS的语法检测了，可以设置declare let Amap :any 或者使用TS的单行忽略 “// @ts-ignore” 就跟写注释一样，我试了结果可行，但是因为我要使用很多次new Amap ，所以暂时作为备选方案。第三种，既然Amap没有找不到，那我们就自己对外暴露一个Amap，里面包含常用的地图API不就行了，创建该文件src\types\Amap.d.ts，在tsconfig.json配置文件添加。下面是Amap.d.ts的内容，可以直接复制。
解决vue项目报错webpackJsonp is not defined问题
01-19
但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod...
uniapp使用web-view加载操作高德地图的html，手机测试时报错：AMapUI is not defined
D_lunar的博客
04-17 2423
uniapp使用web-view加载操作高德地图的html，电脑端测试无误， 手机端报错：AMapUI is not defined 分析报错原因：AMapUI找不到，而AMapUI是通过<script></script>引用进来的，第一反应就是去看看引用是不是有误，果然，缺少https：，这个引用是从高德官方示例中直接复制而来，网页上使用时，缺少https：没有...
高德地图Amap is not defined
sinat_37746420的博客
03-31 1635
在 vue.config.js 文件中 加入 configureWebpack: { externals: { AMap: 'AMap', AMapUI: 'AMapUI' } }, 在需要使用Amap的页面 import Amap from 'Amap' import AmapUI from 'AmapUI'
高德地图报错：‘AMap‘ is not defined 解决方案
qq_19249021的博客
08-03 7450
出现这个问题是因为没有找到AMap对象 解决办法： // 只需要在new 实例化对象AMap前面添加window就好。后面的xxx为你自己想要的操作。例如添加marker // new window.AMap.Marker({}) new window.AMap.xxx({ // ... }) ...
vue 使用高德地图AMapUI加载组件失败解决方式
夏夏
12-08 3413
先来描述一下问题： 基于展示车辆轨迹的需求，使用了高德地图的PathSimplifier轨迹展示组件，在PC端使用没有问题，但是切换到手机端就会有问题，加载不到PathSimplifier。 分析原因： 1.AMapUI是否加载到，测试没有问题 2.考虑到我们办公环境受网络限制，于是在真机上测试，也是加载不到 3.可能手机端和PC端的浏览器版本问题，但是在同一个浏览器下也是不行 解决： 尝试了很多方式，准备另辟蹊径时，做了最后的挣扎，再仔细查看官方文档，目的是看看加载组件是有没有特殊要求，于是
vue集成高德地图报‘AMap‘ is not defined no-undef或者‘AMapUI‘ is not defined no-undef
furenqiang的博客
04-16 5047
解决步骤： .eslintrc.js里面加上 globals: { AMap: true } 使用AMap页面引入 import { AMapManager, lazyAMapApiLoaderInstance,AMap,AMapUI } from 'vue-amap'
vue 高德地图JSAPI（第二篇：轨迹巡航）
青云霁海
04-14 1981
vue 高德地图 轨迹巡航
高德地图打包报错：‘AMap‘ is not defined 解决方案
林太白
05-29 3751
本地没问题，但是打包上线就有问题 一直报错：‘AMap‘ is not defined 🌂 解决方案一 // 只需要在new 实例化对象AMap前面添加window就好。后面的xxx为你自己想要的操作。例如添加marker // new window.AMap.Marker({}) new window.AMap.xxx({ // ... }) 查看发现不是这个的原因 🌂 解决方案二 将将script 标签引入的高德地图地址 放到body中 == 最后没啥用 🌂 解决方案三 ...
vue-amap高德地图刷新空白 高德刷新提示 AMap is not defined解决
weixin_39921970的博客
11-11 5128
npm安装配置在main（这个配置刷新不出地图），即需要做如果刷新找不到AMap对象就重新异步请求。新建一个amap.js放在utils中（依据个人喜好，工具js放哪就哪）下面是给省市区增加范围高亮，保留AMap的plugin的写法。把main.js的下面代码复制到amap.js，以上刷新的问题就解决了。
js 引入高德地图输入提示 后报错 Uncaught ReferenceError: AMapUI is not defined
最新发布
06-07
如果在引入高德地图输入提示插件后出现“Uncaught ReferenceError: AMapUI is not defined”错误，可能是因为没有正确加载高德地图的UI组件库导致的。 可以尝试在引入高德地图 JavaScript API 之后，再引入 UI 组件库： ```html <script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> <script src="https://webapi.amap.com/ui/1.0/main.js"></script> ``` 注意：如果你的应用程序需要使用其他高德地图的UI组件，你可以在`main.js`中指定需要的组件名称，以便下载所需的文件。 如果还是出现错误，可以检查一下网络连接是否正常，或者尝试清除浏览器缓存重新加载页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值