地图 JS API 2.0
开发 地图 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

初始地图中心经纬度

示例中心 常见问题

AltStyle によって変換されたページ (->オリジナル) /