开发 地图 JS API 2.0 进阶教程 地图 世界地图

世界地图 最后更新时间: 2025年10月22日

本文介绍如何构建世界地图

提示

世界地图属于高级地图能力,如需申请,请通过 工单 进行商务咨询

世界地图示例

1、世界地图图面展示

1.1 准备

创建 key 并申请权限

为了正常调用 JS API ,请先注册成为高德开放平台开发者,申请 web 平台(JS API)的 key 和安全密钥 并通过 工单 开启世界地图权限

提示

你在2021年12月02日以后申请的 key 需要配合你的安全密钥一起使用。

1.2 图面展示

请确保你的 Key 已授权世界地图权限,在地图初始化时,只需将showOversea参数设置为true,即可展示世界地图图面。

const map = new AMap.Map("container", { viewMode: "2D", //默认使用 2D 模式 zoom: 11, //地图级别 showOversea: true, //开启世界地图 center: [77.193045, 28.59086], });
提示

世界地图后会显示海外地区的详细道路数据及 POI(兴趣点)等,目前已经覆盖200+个国家和地区。检验是否接入成功:中心点在海外时地图级别>=10,地图显示不是空白,表示接入成功。

2、本章涉及的属性及方法说明

2.1 AMap.Map

参数

类型 

说明

zoom

Number

初始化地图层级,值越大放大比例越大。可以设置为整数或浮点数(一位)

viewMode

String

初始地图视图模式。默认: 2D 。可选 3D ,选择 3D 会显示 3D 地图效果。

languageCode

String

初始化地图语言。默认:zh(简体中文)

可选 : 

en(英文)

es西班牙语

pt葡萄牙语

fr法语

de德语

th泰语

ja日语

ko韩语

ar阿拉伯语

tr土耳其语

it意大利语

ru俄语

ms马来语

id印尼语

vi越南语

center

[Number, Number] | LngLat

初始地图中心经纬度

返回顶部 示例中心 常见问题 智能客服 公众号
二维码