【研究中】高德地图API研究及接入

App Inventor 2 · 发表于 2025-05-09 22:03:47

高德地图开发平台：https://lbs.amap.com/
1、请自行注册、登录、实名认证。
2、申请ApiKey：https://console.amap.com/dev/key/app

来个最简单案例：
通过经纬度获取地址的方法：https://lbs.amap.com/api/webservice/guide/api/georegeo

https://restapi.amap.com/v3/geocode/regeo?output=xml&location=116.310003,39.991957&key=<用户的key>&radius=1000&extensions=all

路径规划：https://lbs.amap.com/api/webservice/guide/api/direction
路径规划2.0：https://lbs.amap.com/api/webservice/guide/api/newroute

App Inventor 2 · 发表于 2025-05-23 10:36:53

2.75发布在即，已经深度全面支持高德地图及高德导航。

App Inventor 2 · 发表于 2025-05-17 17:34:43

wprd：可能为 "Web Production" 的缩写，主用于生产环境的正式地图服务。
webst：可能为 "Web Static" 或 "Web Staging"，可能用于静态资源或测试环境。

高德通过多台服务器集群分发地图瓦片，01~04代表不同的服务器节点，用于平衡请求压力。
即使你固定使用 01，高德的后端仍可能通过CDN或反向代理将请求分配到其他可用节点，因此实际无需担心单点故障。
实践建议，普通场景：直接固定使用任一编号（如 01），依赖高德的后端负载均衡。

App Inventor 2 · 发表于 2025-05-15 21:29:16

https://zhuanlan.zhihu.com/p/72554548
https://blog.csdn.net/cwfgqh/article/details/119007499

https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x=54658&y=26799&z=16&scl=1<ype=1

变量说明
域名前缀(wprd,webst)：效果一样，目前还没有找出规律。01 ~ 04 随意，也不知有啥区别。
lang：可以通过zh_cn设置中文，en设置英文。
size：基本无作用。
style：地图类型控制（6~10），6卫星（st），7简图（st rd），8详图（不透明rd，透明图st）
scl：地图分辨率控制，1=256, 2=512
ltype：线性控制，增加后，只对地图要素进行控制，没有文字注记，要素多少，是否透明。1 ~ 7 可以自行试试效果。

道路图简版参考：

https://wprd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&style=7

https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=7

复制代码

腾讯矢量（貌似没有用，bad req）：

https://rt0.map.gtimg.com/realtimerender?z={z}&x={x}&y={y}&type=vector&style=0

复制代码

App Inventor 2 · 发表于 2025-05-15 21:25:10

高德地图支持XYZ格式‌。XYZ格式是一种瓦片地图服务，将地图分成无数个小块，每个块对应一个特定的URL。高德地图提供了XYZ格式的瓦片服务，可以通过XYZ方式加载高德地图。

如何使用XYZ方式加载高德地图
‌引入OpenLayers库‌：首先，确保已经引入了OpenLayers库。可以通过将以下代码添加到HTML文件的<head>标签中来实现：

<script src="../libs/js/ol-5.3.3.js"></script>
‌设置地图容器‌：在HTML中定义一个地图容器，例如：

<div id="map" class="map"></div>
‌配置地图选项‌：使用OpenLayers的ol/source/XYZ源来配置高德地图的瓦片服务：
javascriptCopy Code
var map = new ol.Map({
  target: 'map',
  layers: [
new ol.layer.Tile({
   source: new ol.source.XYZ({
      url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}'
   })
})
  ],
  view: new ol.View({
center: ol.proj.fromLonLat([116.405249, 39.904202]), // 北京天安门坐标
zoom: 13
  })
});
‌显示地图‌：上述代码配置完成后，高德地图瓦片将通过XYZ方式加载并显示在页面上。
-----
必应地图拓展实现原理也看下，和xyz做一个对比。

[经验分享] 【研究中】高德地图API研究及接入

相关帖子

AI2中文网VIP

弹球达人

接水果达人

撸猫达人