Skip to content

JS API 加载

JS API 版本提供使用 JS API Loader 进行加载

TIP

为避免地图数据协议和前端资源不匹配导致页面运行报错,只允许在线加载 JS API,禁止进行本地转存、与其它代码混合打包等用法。

准备

TIP

为了正常调用 API,请点击右侧的【问题咨询】按钮,获取 web 平台(JS API)的 keyjs安全密钥

使用 JS API Loader

JS API Loader 是我们提供的 API 加载器,使用 script 标签加载 loader.js

html
<script src="https://lbs.xiaojukeji.com/api/v2/static/loader.js"></script>
<script>
window.DiMapLoader.load({
		key: "您申请的key"
	}).then(({ DiMap }) => {
		const map = new DiMap.Map({
			container: "container",
			style: "dimap://styles/normal"
		})
		map.on("complete", () => {
			console.log("地图加载完成")
		})
	})
</script>