vue2百度地图选点组件

vue2百度地图选点组件

    • 代码块 loadMap.js
    • 组件markerMap.vue
    • 使用

vue2百度地图选点组件_第1张图片
vue2百度地图选点组件_第2张图片

代码块 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;
	});
}

组件markerMap.vue







使用







你可能感兴趣的:(JS,vue,百度,javascript,前端)