高德地图使用AMap.DrivingPolicy.LEAST_DISTANCE报错

解决Cannotreadproperties报错
最新推荐文章于 2025-07-04 10:21:13 发布
原创 最新推荐文章于 2025-07-04 10:21:13 发布 · 2.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文解决了在使用AMap.Driving插件时出现的Cannotreadpropertiesofundefined(reading'LEAST_DISTANCE')错误。通过正确引入js文件并添加必要的插件参数，可以有效避免此问题。

报错： Cannot read properties of undefined (reading 'LEAST_DISTANCE')

原因：在引入js的时候加上&plugin=AMap.Driving，即：

https://webapi.amap.com/maps?v=${this.v}&key=${this.key}&plugin=AMap.Driving

高德地图JavascriptAPI：驾车路径规划
FrankZhong的博客
08-03 5955
API在高德地图提供的API中有详细的demo，需要注意几点问题 线路规划的几种方法 时间最短：LEAST_TIME， 费用最少：LEAST_FEE, 距离虽短：LEAST_DISTANCE, 规避拥堵：REAL_TRAFFIC 使用经纬度查询距离时，一个点的经纬度之间要有空格
高德地图使用插件报错AMap.Xxx is not constructor
qq_43447509的博客
03-23 1万+
报错的原因是在代码中使用了地图插件例如ToolBar、OverView、Scale，但是并没有加载插件 解决方案 同步加载插件：在引入地图的script标签进行如下拼接，多个插件用逗号分隔 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.ToolBar,AMap.Driving"></script> 异步加载插件：通
高德地图 AMap.Driving
ooiuy450的专栏
04-01 1万+
AMap.Driving 驾车路线规划服务，提供起、终点坐标的驾车导航路线查询功能 官方解释：驾车路线规划服务，提供起、终点坐标的驾车导航路线查询功能。AMap. Driving构造函数的参数为 DrivingOptions 对象。DrivingOptions 允许设置驾车策略和返回信息详略。用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回错误信息。一般如果自己有车子的话，就
高德地图 (显示蓝点,驾车路线)
怎博一笑
06-19 1897
public class Main2Activity extends AppCompatActivity implements RouteSearch.OnRouteSearchListener, AMap.OnMyLocationChangeListener, GeocodeSearch.OnGeocodeSearchListener { private MapView mapView...
高德地图-----驾车路线
qq_40881695的博客
04-30 538
准备工作 在public中的index.html中初始化地图 <script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 在 .eslintrc.js 中配置AMap和AMapUI globals: { "AMap": "true", "AMapUI":"true", } 实现思路 封装一个全局组件scottMap.vue，用于加载地图 封装一个基于sc
JS高德地图模拟驾车路线规划绘制代码
06-11
policy: AMap.DrivingPolicy.LEAST_TIME, // 最短时间策略 extensions: 'all' // 获取所有途径点信息 }; ``` 根据需求，你可以选择不同的策略，如`LEAST_DISTANCE`（最短距离）或`AVOID_HIGWAY`（避开高速）。 接...
JSAPI 高德地图应用--线路规划、多条线路同时展示
wo_1021的博客
07-26 6792
在地图应用中，常见的应用之一应该就有查询两个地方的线路规划吧，高德地图提供了驾车路线规划、货车路线规划、公车换乘服务、步行导航服务、骑行路径规划服务等，这里我用的是驾车路线规划做一个列子。 驾车路线规划使用的插件是AMap.Driving，需要在AMap.plugin中进行初始化，方法不在赘述，可以看这个官方列子：https://lbs.amap.com/api/javascript-api/guide/services/navigation。 初始化完成后，首先需要两个...
高德地图JavaScript API-路径规划——基于amap-js_V1.3
弗里曼的小伙伴
08-01 8628
高德地图JavaScript API-路径规划 ——基于amap-js_V1.3   sf2gis@163.com 2015年7月31日   1 路径规划：驾车、公交和步行。 注意：高德将一些服务作为服务插件集成到当前map中（搞的越来越复杂了……）。 1.1 驾车路径规划：根据起止点返回路线。AMap.service（【”AMap.Driving”】）。 详见：http://l
使用高德地图(web端 JSAPI) 实现路线规划
最新发布
m0_62923286的博客
07-04 696
这里我只是简单的实现了一下路线规划（驾车路线），实际上在路线规划上可以添加很多好玩的东西如果你想添加一些细节参考高德地图官方文档：除此之外可以欣赏一下另一个博主的路线规划成果：以下是我做的路线规划图（地点是浙江省衢州市开化县长虹乡）
高德地图 遇到Cannot read properties of undefined (reading ‘getOptions‘)报错的处理方式
u010822903的博客
06-24 559
2.在父组件加入map子组件的时候，我做了一个loading的结果，就是对地图给了一个缓冲的时间，其实这个后来验证加不加都行，但是我为了不报错，还是加上了。js加入防抖机制，就是让他不要那么频繁的出发搜索这个动作，不然输入一个字就要搜索一次，这样对免费的高德用户非常不友好，会报错。这样刚进来会显示一个地图正在加载中，避免测试人员一上来在地图刚出来的时候就疯狂点点点，造成报错。纠结了很久，终于在屡次试错中找到了合适的解决方法，目前已经不报错了。其中搜索是即时的，这就遇到一个问题，经常会报错。
高德地图——切换路线的不同实现（驾车、公交、骑行）
08-31 1996
根据效果图做一个小工具栏 , 分别有驾车 ,公交和骑行三个路线类型的切换按钮 。地点输入框包括起点和终点 ,最下面要有一个可以搜索线路规划的按钮 。 思路： 1.使用new AMap.Map创建一个地图。 2.在<script>标签中引入驾车 ,公交和骑行的线路规划插件 ,插件如下 AMap.Driving,AMap.Transfer,AMap.Riding 3.为...
解决错误 “Cannot read properties of null (reading ‘pickAlgorithm‘)“
pleaseprintf的博客
07-21 1万+
在进行 JavaScript 编程时，有时会遇到错误信息 “Cannot read properties of null (reading ‘pickAlgorithm‘)”，该错误通常表示试图读取一个 null 或者 undefined 值的属性。本文将介绍此错误的原因以及解决方法，帮助你避免出现类似错误，并确保代码的稳定性和正确性。通过本文的介绍，你了解了 “Cannot read properties of null (reading ‘pickAlgorithm‘)” 错误的原因和解决方法。
‘AMap is undefined‘高德地图(3)vue-amap报错
liuwenjie_的博客
11-12 3781
高德地图使用时,代码并没有问题，但是有的时候会出现'Amap is undefined'之类的错误,这个错误是因为eslint在检验中，在当前页面找不到Amap这个方法。所以我们在校验时把这个字段去除不做校验就可以了。 步骤一：找到eslintrc.js这个文件 步骤二：找到globals这个选项,没有的话就大胆的加一个~ 这个就是全局忽略的内容。 步骤三：重启项目~ 完事儿~ ...
Cannot read properties of undefined (reading ‘addressComponent‘)
weixin_42369612的博客
02-14 1002
【代码】Cannot read properties of undefined (reading 'addressComponent')
vue项目中使用高德地图
文龙刚的博客
11-08 4387
vue项目中使用高德地图
解决 Cannot read properties of undefined类型的报错
热门推荐
weixin_43706224的博客
03-13 2万+
报错类型一般为两种对象类型对象没有数据的时候为undefined 这个时候访问内部内容就会报错举个例子正常情况 对象有值的时候var obj={name:‘张三’,age:18}#此时对象有数据访问不会报错123对象没值的时候var obj={}#就会报错 Uncaught SyntaxError: Unexpected token ‘.’#表示空对象{}不能使用.1234对象为undefined的时候。
报错 Cannot read properties of undefined（reading‘addEventListener‘）如何解决
2301_79420857的博客
06-22 2536
无法读取未定义的属性(读取' addEventListener ')问题：这是我给一个input输入框绑定的监听事件出现的报错。
在 Vue2 中引入高德地图和三维模型
XiheMa的博客
05-02 7600
在 Vue2 中引入高德地图和三维模型 概述 最近在做一个前端项目，需要在地图上引入一个三维模型，前端使用 Vue2，好在现在都有功能丰富的地图 API 供开发者调用（腾讯地图、百度地图、高德地图等等），在此项目中我们采用高德开放平台提供的 API，但是在引入三维模型遇到了各种问题，在这里把引入三维模型所遇到的问题和实现流程做个汇总。
AMap.Driving多条路线规划
08-12
根据提供的引用内容，AMap.Driving可以用于多条路线规划。在使用AMap.Driving时，可以设置不同的驾车策略来得到不同的路线。其中，LEAST_TIME代表最快捷模式，LEAST_FEE代表最经济模式，LEAST_DISTANCE代表最短距离模式，REAL_TRAFFIC代表考虑实时路况。可以根据需要设置不同的策略来得到不同的路线。具体的使用方法可以参考官方文档中的示例代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [JSAPI 高德地图应用--线路规划、多条线路同时展示](https://blog.csdn.net/wo_1021/article/details/118971447)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [规划结果 + 驾车路线绘制](https://blog.csdn.net/weixin_32712615/article/details/117557047)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值