vue2百度地图选点组件

原创

已于 2022-10-31 09:51:45 修改 · 503 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#百度 #javascript #前端

于 2022-10-31 09:51:03 首次发布

博客介绍了前端相关的代码块 loadMap.js 和组件 markerMap.vue，并提及了它们的使用。涉及 JavaScript 技术，属于前端开发范畴。

vue2百度地图选点组件

在这里插入图片描述

代码块 loadMap.js

/**
 * 动态加载百度地图api函数
 * @param {String} ak  百度地图AK，必传
 */
export default function loadBMap(ak) {
	return new Promise((resolve, reject) => {
		if (typeof window.BMap !== "undefined") {
			resolve(window.BMap);
			return true;
		}
		window.onBMapCallback = function() {
			resolve(window.BMap);
			return true;
		};
		const script = document.createElement("script");
		script.type = "text/javascript";
		script.src =
			`https://api.map.baidu.com/api?v=3.0&ak=${ak}&callback=onBMapCallback&s=1`;
		script.onerror = reject;
		document.head.appendChild(script);
		return true;
	});
}