JS API 加载

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

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

准备

ℹ️ 提示： 为了正常调用 API，请点击右侧的【问题咨询】按钮，获取 web 平台（JS API）的 key 和安全密钥。

使用 JS API Loader

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

<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>