高德API路径规划

最新推荐文章于 2026-04-02 10:02:49 发布
原创 最新推荐文章于 2026-04-02 10:02:49 发布 · 6.9k 阅读 · 21 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#api #数据可视化 #javascript #高德地图
本文介绍了如何申请高德地图API并使用JavaScript API及Adobe DreamWeaver CS6进行路线规划，包括自驾游、公交和步行三种方式。通过实例演示了在DreamWeaver中创建HTML文件，调用API实现起点和途径点的标注，并展示了预览效果。

一、 高德API的申请

1

网址http://lbs.amap.com/
在高德API的页面，申请高德地图API的账号（需要进行身份实名验证）
申请审核通过后，用账号登陆后，点击页面右上角的控制台

2

点击添加新key后进入下面的页面

3

Key名称由自己命名，如：路线规划
服务平台为Web端
勾选下方的条款
点击提交即可申请一个key值

 4

二、 使用官方的 JavaScript API进行路线规划

在控制台页面，点击页面右上角的开发文档

5

点击JavaScript API进入页面
在右边的导航栏中点击出行路线规划

6

共有三种规划方式：公交出行、步行和自驾游
我选择的是自驾游的方式
有相关参数的和方法的介绍
在了解方法的调用之后，点击亲手试一试编辑源代码，可以得到想要的效果
我使用的是通过经纬度来标注起点和途径点
也可以用Adobe DreamWeaver CS 6 创建HTML文件，使用自己申请的key值，调用官方的API，复制源代码进行调试。浏览器使用的是火狐

7
即可得到路线规划

三、 使用Adobe DreamWeaver CS6 进行路线规划

8

打开DW CS6 点击HTML进行新建一个HTML页面

9

便于修改，在亲手试一试的页面下复制源代码到新建的第一个页面
通过参考开发文档，对这一方法进行修改
此处使用POI，而不是用keyword，通过官方的方法，可以导入点

10

最后把申请的key值贴到HTML文件上方的相应位置
点击导航栏的地球标志，选择预览在Firefox
得到如下效果

11

x廿五
关注
高德地图路径规划
用生命研发技术
04-13 2737
#高德地图路径规划一、要实现的效果二、index.html引入js三、template代码四、script代码五、style六、图标 一、要实现的效果 包含驾车、公交、骑行、步行多种交通方式，如图所示： 二、index.html引入js <script src="//webapi.amap.com/maps?v=1.4.15&key=你自己申请的key&plugin=AMap.Scale,AMap.ToolBar,AMap.OverView,AMap.Autocomplete,AM
Vue2项目里用高德地图JSAPI 2.0做路线规划，我踩过的坑你别再踩了
最新发布
weixin_29022115的博客
04-02 167
本文详细介绍了在Vue2项目中集成高德地图JSAPI 2.0进行路线规划的实战经验，包括密钥安全配置、地图初始化、插件加载、路线规划核心实现及错误处理等关键环节。特别针对开发中常见的`INVALID_USER_SCODE`和`INVALID_PARAMS`等错误提供了解决方案，帮助开发者高效避坑，提升开发效率。
关于vue使用高德地图vue-amap实现路径规划
qq_40121308的博客
09-29 3087
安装
基于Dijkstra算法的景点路径规划（高德api）
stupid_miao的博客
06-04 5917
这是网络优化课程最后的课程报告，利用Dijkstra算法对已知节点进行最短路径规划。 开发环境： ubuntu16 python3.6——pyqt5、opencv-pyhton、urllib、requests 首先，进入高德地图开放平台，创建应用。选用的是高德地图开发平台的web服务API，可使用的服务如图一，而本文 需要静态地图API进行地图图片的显示、搜索服务-关键字查询进行地点坐标（经纬度）的查询、行驶距离测量进行两地点驾车距离的运算。 然后进行计算图的Dijkstra算法应用，最后进行可视化。增
高德地图实现多天路线规划(途经点显示自定义内容)+轨迹回放（显示车牌）
小帅丶的专栏
01-13 7653
高德地图实现多天路线规划(途经点显示自定义内容)+轨迹回放（显示车牌）
高德地图实现路线规划+轨迹回放（显示车牌）
小帅丶的专栏
11-02 3378
基于高德地图实现路线规划+轨迹回放
Python应用指南：利用高德地图API实现路径规划
weixin_45812624的博客
10-23 6662
本文介绍了如何使用高德地图API实现步行和驾车路径规划，并将结果保存为SHP和CSV文件。首先，通过高德地图API拾取坐标器获取起终点坐标。接着，构建请求参数并发送HTTP请求，解析返回的JSON数据，提取路径规划的详细信息，包括总距离、总时间、每一步的指令、距离、时间和路径。然后，使用Shapely库将路径坐标转换为WGS84坐标系，并创建LineString几何对象。最后，使用GeoPandas将路径数据保存为SHP文件，使用Pandas将详细步骤保存为CSV文件。
【高德路径规划API】使用指南
kowkhing的博客
11-01 6252
对高德地图路径规划API做了介绍，并展示了如何通过代码进行批量请求和数据处理
SpringBoot整合高德地图，路径规划API
周不老的博客
12-13 5882
SpringBoot整合高德地图，路径规划API 前期工作准备 1.注册高德地图 注册高德地图，并实名认证。 2.获取key 获取key的方法如下: https://lbs.amap.com/api/webservice/guide/create-project/get-key 3.调用API 调用方法如下： https://lbs.amap.com/api/webservice/guide/api/newroute ...
ArcGIS与高德地图路径规划API
weixin_45709844的博客
12-07 2724
原文链接，欢迎关注一点规划从杜甫草堂到三圣花乡| ArcGIS与高德地图路径规划APIhttps://mp.weixin.qq.com/s/9Q6GF_4bqv_uw75hdExLyQ 高德API 申请自己的key https://lbs.amap.com/ 创建新应用-选Web服务 路径规划说明： https://lbs.amap.com/api/webservice/guide/api/newroute 运行 只需要把url中的key换成自己申请的即可，本次是以步行来示例
python路径规划仿真实验_【python实战】批量获得路径规划——高德地图API
weixin_39818014的博客
11-24 1526
1.需求在上篇中，已经批量获得了经纬度信息，现在需要根据经纬度来进行路径规划，想知道两点之间的距离和路程、花费等信息。这时候就需要用到高德地图API中的路径规划功能了。2.过程1. 构造经纬度函数同上篇，先构造出获得经纬度函数便于调用。import requests,json# 返回经纬度def gain_location(adress):api_url=f'https://restapi.ama...
使用高德api的详细步骤
m0_72189003的博客
03-06 7804
创建完点击右侧的添加，取名称勾选第三个；域名白名单可不填，点击提交；就会创建出来你的key值和相关安全密钥了。第五步：回到主页，找到“开发支持”找到下面的二级菜单“地图 JS API”，里面有详细步骤。打开我的应用，创建新应用，写上你要创建的名称和选择应用类型。用以下代码记得把自己的安全密钥和自己的key值换写上。script里面可以用这个；不想自己找往下翻有代码直接复制。注册完高德平台打开应用管理。
高德地图API——路径规划问题
2301_80339607的博客
01-22 3158
1.搜索高德开放平台并登录2.依次点击应用管理-我的应用-创建新应用(这里随便输)-添加key(服务平台选择web服务)3.创建完成后会生成一个key值，后面要用4.代码实现。
如何使用高德地图 API 做一个路线规划应用，展示自定义路线
热门推荐
学习笔记
08-25 3万+
如何使用高德地图 API 做一个路线规划应用，展示自定义路线 喜欢骑车转，知道一些比较好的路线，想要分享给别人的时候不知道该怎么分享，有自定义路线的功能就好了。前不久高德推出了手机端的自定义路线功能。 其实 web API 可以实现很具体的路线规则，使用 Amap.DragRoute 类 看例子： 路线推荐： 金刚纂路 https://kylebing.cn/tools/map/#/route/1 官方 DragRoute 的说明 关于路线规则的说明，官方如下，我们主要使用其中的 途经点 功能 ht
调用高德导航API进行路线规划功能
m0_69237554的博客
05-23 2109
1.首先现在现在public引入密钥。2.引入 vue组件。
jq高德地图API实现路径规划及起点途径点终点设置
mengleiyuan的博客
09-24 4718
$(function () { init();//初始化地图 plugins();//插件加载 menus(); //rightMenu();//右键菜单 }) var map; var placeSearch; var lng1; var lat1; var lng2; var lat2; var driving; var marker; var startIcon; var endIcon; var markers; var activityMarker;//正在操作.
高德地图API路径规划结果清除
微信公众号: 后端码匠
03-30 3059
关于高德地图API之路径规划结果的清除（js API） 偶然用到高德地图API做路径规划，在做的过程中发现连续进行不同的路径规划产生的结果是叠加的。如何清除上一次的路径规划呢？开发手册上有一个 clear() 函数，就是用来清除搜索结果的。废话不多说，直接上代码： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <meta charset="utf
高德web API驾车路径规划调用返回的数据
2301_76736094的博客
05-08 1204
"instruction": "沿复兴门桥途径复兴门内大街、西长安街、东长安街、建国门内大街向东行驶6.5千米向右前方行驶进入辅路","instruction": "沿东直门北桥途径东二环向南行驶3.8千米向右前方行驶进入匝道","instruction": "沿复兴门内大街向西行驶118米向右前方行驶进入匝道","instruction": "沿京密路向东北行驶377米向右前方行驶进入匝道","instruction": "沿复兴门桥向西南行驶14米右转",
帮人写系列——python调用高德地图api获取路径规划，然后规划好点显示在地图上（农机路径转移）
qq_45391544的博客
03-20 4695
使用高德地图进行农机路径转移的一个小demo。
基于WebGIS使用高德JS API实现自定义路径规划
Try24的博客
08-20 3415
在项目中我们可能会用到直接在网页前端输入经纬度坐标或地名来规划路径，当然，规划路径这块高德已经做好了，下面主要是实现如何在前端输入字段达到显示路径目的， 首先，看下我的网页前端效果： 注释：这里为什么要把经纬度分开呢，主要还是因为之前的方法，更好的让坐标数组化，方便JS识别，详情可见上篇博客： Django中引用高德JS API并实现数据库存放后台的一种思路 1.我们先写好html中的代码，最开始我用的Form表单，提交后老是自动刷新，获取值变得尤为困难，后面改成一般的input之后问题得以解决，我这里用
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值