uniapp+H5+移动端配置地图（保姆教程）

最新推荐文章于 2025-01-10 20:18:47 发布

栈狮

最新推荐文章于 2025-01-10 20:18:47 发布

阅读量2.5k

点赞数 2

分类专栏： Vue 工具文章标签：前端 vue.js javascript 地图

本文链接：https://blog.youkuaiyun.com/yy6818/article/details/122832284

版权

uniapp+H5+移动端配置地图

第一步注册高德开发者获取key

高德地图开发者平台

然后我们选择web端

提交后我们会获取到key和安全密钥jscode

然后创建一个工具类

export default function MapLoader() {
	window._AMapSecurityConfig = {
		securityJsCode:'你的安全密钥',
	}
	return new Promise((resolve, reject) => {
		if (window.AMap) {
			resolve(window.AMap);
		} else {
			var script = document.createElement('script');
			script.type = "text/javascript";
			script.async = true;
			script.src =
				"https://webapi.amap.com/maps?v