注册
退出
我的消息
云图市场
应用管理
GeoHUB
产品介绍
高德开放平台产品介绍
查看全部文档
搜索定位
鸿蒙星河版定位SDK
HOT
鸿蒙星河版定位SDK
搜索
HOT
位置、周边、行政区、ID等查询接口
API
JS
Android
iOS
定位
HOT
基于LBS的定位服务
API
Android
iOS
地理/逆地理编码
位置名称与经纬度之间转换服务
API
JS
Android
iOS
地理围栏
虚拟空间围栏服务
API
Android
iOS
天气查询
查询目标区域当前/未来天气
智能硬件定位
通过基站、Wifi获取位置信息
路线导航
鸿蒙星河版导航SDK
NEW
鸿蒙星河版导航SDK
导航
HOT
轻松地在APP中加入导航能力
Android
iOS
路线规划
HOT
提供步行、驾车等规划能力
API
JS
Android
iOS
猎鹰服务
提供专业轨迹管理服务
API
Android
iOS
货车路径规划
专业的货车路径规划服务
API
Android
iOS
智能调度引擎
智能外勤调度,提升效益
物流服务
提供智慧物流API服务接口
公交信息查询
查询公交信息
交通路况查询
查询交通态势情况
高级路径规划
高级路径规划等能力
地图产品
鸿蒙星河版地图SDK
HOT
鸿蒙星河版-轻量地图SDK
动态地图
HOT
动态地图展示、配置
API
JS
Android
iOS
HarmonyOS
3D地图
HOT
3D动态地图展示、配置
地铁图
简单易用的移动端地铁线路图开发接口
JS
Android
iOS
静态地图
灵活地将高德地图迁入应用网页
3D地形图
卫星地形图还原真实地形地貌
高级地图工具
世界地图
NEW
自定义地图
地图数据可视化 (LOCA)
地图数据中心 (GeoHUB)
坐标拾取器
高德地图URI Web
高德地图URI APP
三维模型转换
微信小程序插件
地图Flutter插件
地图名片
高德地图小程序
地图小程序
客户管理
员工管理
送货提效
地图小程序API
解决方案
提供各行业LBS解决方案
空间智能
NEW
提供LBS领域的Agent解决方案
智能手表
NEW
提供智能守护与运动出行解决方案
智能眼镜
NEW
智能眼镜实时导航及智慧出行解决方案
世界地图
NEW
面向开发者提供全球范围内LBS服务
智能两轮车
NEW
合规精确的两轮车场景导航
手机银行
NEW
提供手机银行APP地图应用
网格化营销
NEW
提供银行网格化营销场景应用
智慧交通
优化交通资源配置,赋能智慧交通系统
出行
提供网约车等出行场景解决方案
O2O
到店、到家等多种O2O业务解决方案
上门服务调度
提供上门业务调度解决方案
三农场景可视化
NEW
提供乡村振兴三农场景应用
社交
社交应用位置服务解决方案
运动
运动类应用解决方案
智能硬件
智能硬件LBS解决方案
零售铺货
零售快消行业,渠道铺货解决方案
智慧物流
针对物流行业提供解决方案
电商
电商物流行业解决方案
地址服务
综合地址服务,满足客户全景化需求
企业智图
一张图轻松管理企业数据
智能派单
一站式精准智能派单解决方案
文档与支持
高德开放平台开发文档与服务支持
查看全部文档
API
Web基础服务API
Web高级服务API
物流服务API
猎鹰服务 API
JS API
JS API
数据可视化JS API
地图组件
URI API
地铁图 JS API
Android 平台
Android 地图SDK
Android 轻量版地图SDK
Android 定位SDK
Android 导航SDK
Android 猎鹰SDK
iOS 平台
iOS 地图SDK
iOS 轻量版地图SDK
iOS 定位SDK
iOS 导航SDK
iOS 猎鹰SDK
鸿蒙星河版平台
鸿蒙星河版地图SDK
HOT
鸿蒙星河版定位SDK
HOT
鸿蒙星河版导航SDK
NEW
大模型开发工具
MCP Server
NEW
服务与支持
常见问题
创建工单
示例中心
合规中心
技术服务许可查询
定价
开放平台产品定价
产品定价
产品定价
产品定价
技术服务许可
GeoHUB自定义地图
GeoHUB数据中心
产品升级
高级能力
企业智图SaaS
云图市场
为什么选择高德
历史记录
热门推荐
Android定位
Android定位问题相关
浏览器定位
JS API提供Geolocation定位插件
逆地理编码
经纬度转换为详细结构化的地址
自定义地图
7大类44种地图元素可定制
认证开发商
商业授权相关问题
JS API 2.0 示例
地图
生命周期
地图的创建
地图加载完成
地图的销毁
异步加载地图
JSAPI 加载器
地图属性
获取地图中心点/级别
设置地图中心点/级别
获取地图当前行政区
设置地图当前行政区
设置/获取地图显示范围
限制地图显示范围
地图的平移
交互控制
获取鼠标点击经纬度
地图的热点
设置鼠标样式
覆盖物与图层管理
覆盖物的添加与移除
图层的添加与移除
地图控件
自定义地图样式
自定义地图
设定楼块样式
标准样式主题
地图显示要素
隐藏文字标注
三维地图
3D地图
固定视角
区域掩模
坐标变换
坐标系转换
经纬度 <-> 地图容器像素坐标
经纬度 <-> 平面像素坐标
其他坐标转高德坐标
其他坐标 -> 高德坐标
其他坐标 -> 高德坐标 (批量)
事件系统
地图事件
地图加载完成事件
地图移动相关事件
地图缩放相关事件
地图点击和鼠标事件
地图拖拽相关事件
覆盖物事件
覆盖物点击和鼠标事件
覆盖物拖拽相关事件
信息窗体打开关闭事件
其他事件
DOM事件
自定义事件
图层
图层通用接口
批量修改图层
图层添加与移除
层级设定
图层透明度
高德官方图层
默认标准图层
实时路况图层
卫星图
卫星和路网
楼块图层
三方标准图层
卫星图+掩模
WMTS
WMS
XYZ栅格图层
函数加载栅格图
MVT图层
MVT多面体
自有数据图层
图片图层
Canvas图层
热力图
3D 热力图
自定义图层-SVG
自定义图层-GLCustomLayer 结合 THREE
自定义图层-GLCustomLayer 结合 ReGL
3D Tiles 图层
自定义图层-Canvas
Canvas作为切片
img作为切片
室内地图
叠加室内地图
默认室内图层
覆盖物
通用
根据覆盖物调整地图范围
添加一个或多个覆盖物
移除一个或多个覆盖物
清除所有覆盖物
获取某类覆盖物
获取某个覆盖物
跨日期线绘制
点标记
点标记
点标记锚点
文本标记
自定义图标
圆点标记
自定义点标记内容
设置点标注的文本标签
自适应显示多个点标记
删除多个点标记
从多个点中删除指定点
设置点的拖拽效果
轨迹回放
灵活的点标记
海量点标记
标注和标注图层
标注和标注图层-文字标注
标注和标注图层-海量点
海量点 MassMarks
点聚合
点聚合(包含权重信息)
按索引聚合
矢量图形
折线的绘制
弧线的绘制和编辑
多边形的绘制
带洞多边形的绘制
立面体绘制
矩形的绘制和编辑
圆的绘制
椭圆的绘制和编辑
绘制矢量图形
跨日期线绘制
绘制大地线
遮罩
GeoJSON
OverlayGroup批处理矢量图形
自定义折线方向箭头
矢量覆盖物编辑
折线编辑器
多边形编辑器
多边形编辑器吸附功能
覆盖物群组
添加/移除
批量修改属性
地图控件
地图控件的添加和移除
简易缩放按钮
3D 控制罗盘
信息窗体
默认样式信息窗体
信息窗体锚点
自定义样式信息窗体
信息窗体内的事件交互
给多个点添加信息窗体
右键菜单
默认右键菜单
自定义右键菜单
覆盖物添加右键菜单
搜索服务
输入提示
获取输入提示数据
输入提示
POI搜索
获取搜索数据
关键字搜索
多关键字检索
周边搜索
多边形搜索
详情查询
输入提示后查询
根据搜索结果添加 marker
路线规划服务
驾车路线规划
位置经纬度 + 驾车规划路线
地点关键字 + 驾车路线规划
位置经纬度 + 获取驾车规划数据
规划结果 + 驾车路线绘制
可拖拽驾车路线规划
途经点
货车路线规划
步行路线规划
位置经纬度 + 步行路线规划
地点关键字 + 步行路线规划
规划结果 + 步行路线绘制
位置经纬度 + 获取步行规划数据
骑行路径规划
位置经纬度 + 骑行路线规划
地点关键字 + 骑行路线规划
位置经纬度 + 获取骑行规划数据
规划结果 + 骑行路线绘制
公交路线规划
位置经纬度 + 公交路线规划
地点关键字 + 公交路线规划
位置经纬度 + 获取公交规划数据
规划结果 + 公交路线绘制
其他LBS服务
地理编码
地理编码(地址 -> 坐标)
批量地理编码
逆地理编码(坐标 -> 地址)
批量逆地理编码
行政区划查询
下属行政区查询
行政区边界查询
轨迹纠偏
驾车轨迹纠偏
公交信息查询
公交站点查询
公交线路查询
公交到达圈
定位
IP城市定位
地图初始IP城市定位
浏览器精确定位
浏览器精确定位-定位点自定义
天气预报
天气预报
辅助接口
工具类
鼠标工具-绘制覆盖物
鼠标工具-拉框缩放
鼠标工具-距离面积测量
测距工具
辅助库
浏览器环境
颜色转换
调起高德地图
几何计算
距离/面积计算
两点间距离
点到线的距离
路径长度
区域面积
关系判断
点是否在线上
点是否在多边形内
面与面的几何关系
其他
路径是否顺时针
游客仅显示地点经纬度小数点后两位。
[
フレーム
]
示例代码报错,请检查
message:
stack:
‹
›
标准样式主题
使用
Map.setMapStyle
方法,加载高德提供的模版样式。
源代码编辑器
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>英文、中英文地图</title> <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> <style> html, body, #container { width: 100%; height: 100%; } #map-styles .input-item { height: 2rem; } #map-styles .input-item span{ display: inline-block; width: 4rem; } #map-styles .input-item .input-text { color: #0288d1; margin-left: 1rem; margin-right: 0rem; width: 6rem; } </style> </head> <body> <div id="container"></div> <div class="input-card" style="width:16rem"> <h4>官方默认自定义样式</h4> <div id="map-styles"> <div class="input-item"> <input type='radio' name='mapStyle' value='normal'> <span>标准</span> <span class="input-text">normal</span> </div> <div class="input-item"><input type='radio' name='mapStyle' value='dark'><span>幻影黑</span><span class="input-text">dark</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='light'><span>月光银</span><span class="input-text">light</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='whitesmoke' checked><span>远山黛</span><span class="input-text">whitesmoke</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='fresh'><span>草色青</span><span class="input-text">fresh</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='grey'><span>雅士灰</span><span class="input-text">grey</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='graffiti'><span>涂鸦</span><span class="input-text">graffiti</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='macaron'><span>马卡龙</span><span class="input-text">macaron</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='blue'><span>靛青蓝</span><span class="input-text">blue</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='darkblue'><span>极夜蓝</span><span class="input-text">darkblue</span></div> <div class="input-item"><input type='radio' name='mapStyle' value='wine'><span>酱籽</span><span class="input-text">wine</span></div> </div> </div> <script src="https://cache.amap.com/lbs/static/es5.min.js"></script> <script src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script> <script> //初始化地图 var map = new AMap.Map('container', { resizeEnable: true, //是否监控地图容器尺寸变化 mapStyle: "amap://styles/whitesmoke" }); //绑定radio点击事件 var radios = document.querySelectorAll("#map-styles input"); radios.forEach(function(ratio) { ratio.onclick = setMapStyle; }); function setMapStyle() { var styleName = "amap://styles/" + this.value; map.setMapStyle(styleName); } </script> </body> </html>
控制台
清空
示例中心
常见问题
AltStyle
によって変換されたページ
(->オリジナル)
/
アドレス:
モード:
デフォルト
音声ブラウザ
ルビ付き
配色反転
文字拡大
モバイル