清泛IT社区App Inventor 2 中文社区

搜索

扫码访问移动社区 移动社区,您的掌上技术专家

关注我,精彩不错过! 关注我,精彩不错过!

扫码安装最新版AI伴侣 最新版AI伴侣v2.74

Aia Store .aia 源码一站式解决方案 发布日志AI2连接测试ai2Starter模拟器

App Inventor 2 离线版AI2 拓展接入DeepSeek VIP会员 享专有教程,免费赠送基础版*技术支持服务! AI2入门必读中文文档中文教程IoT专题

查看: 173|回复: 3
打印 上一主题 下一主题

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

  • TA的每日心情
    开心
    昨天 07:09
  • 签到天数: 458 天

    [LV.9]以坛为家II

    738

    主题

    1280

    帖子

    3万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    33288

    AI2中文网VIP弹球达人接水果达人撸猫达人

    跳转到指定楼层
    楼主
    发表于 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 中文网 - MIT同步更新的中文本土化平台!v2.74 支持Android 14 更新日志
  • TA的每日心情
    开心
    昨天 07:09
  • 签到天数: 458 天

    [LV.9]以坛为家II

    738

    主题

    1280

    帖子

    3万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    33288

    AI2中文网VIP弹球达人接水果达人撸猫达人

    沙发
    发表于 6 天前 | 只看该作者
    高德地图支持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做一个对比。
    App Inventor 2 中文网 - MIT同步更新的中文本土化平台!v2.74 支持Android 14 更新日志
  • TA的每日心情
    开心
    昨天 07:09
  • 签到天数: 458 天

    [LV.9]以坛为家II

    738

    主题

    1280

    帖子

    3万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    33288

    AI2中文网VIP弹球达人接水果达人撸猫达人

    板凳
    发表于 6 天前 | 只看该作者
    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
    1. https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&style=7
    复制代码


    腾讯矢量(貌似没有用,bad req):
    1. https://rt0.map.gtimg.com/realtimerender?z={z}&x={x}&y={y}&type=vector&style=0
    复制代码
    App Inventor 2 中文网 - MIT同步更新的中文本土化平台!v2.74 支持Android 14 更新日志
  • TA的每日心情
    开心
    昨天 07:09
  • 签到天数: 458 天

    [LV.9]以坛为家II

    738

    主题

    1280

    帖子

    3万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    33288

    AI2中文网VIP弹球达人接水果达人撸猫达人

    地板
    发表于 4 天前 | 只看该作者
    wprd:可能为 "Web Production" 的缩写,主用于生产环境的正式地图服务。
    webst:可能为 "Web Static" 或 "Web Staging",可能用于静态资源或测试环境。

    高德通过多台服务器集群分发地图瓦片,01~04代表不同的服务器节点,用于平衡请求压力。
    即使你固定使用 01,高德的后端仍可能通过CDN或反向代理将请求分配到其他可用节点,因此实际无需担心单点故障。
    实践建议,普通场景:直接固定使用任一编号(如 01),依赖高德的后端负载均衡。
    App Inventor 2 中文网 - MIT同步更新的中文本土化平台!v2.74 支持Android 14 更新日志
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    © 2025 tsingfun.com, Inc.  沪ICP备2020034476号-1  沪公网安备31011702000040号

    GMT+8, 2025-05-21 06:21 , Processed in 0.023280 second(s), 40 queries .