基于腾讯地图的（地图选点|输入模糊匹配）选择获取详细地址以及经纬度

需求

1.支持用户输入框输入进行模糊匹配获取详细地址以及经纬度
2.支持用户模糊匹配后点击选点获取详细地址以及经纬度

效果示例图

组件components/markerTMap.vue

依赖js utils/loadTMap.js

/**
 * 动态加载腾讯地图api函数
 * @param {String} key  腾讯地图key，必传
 */
export default function loadTMap(key) {
	return new Promise((resolve, reject) => {
		if (typeof window.TMap !== "undefined") {
			resolve(window.TMap);
			return true;
		}
		window.onTMapCallback = function() {
			resolve(window.TMap);
			return true;
		};
		const script = document.createElement("script");
		script.type = "text/javascript";
		script.src =
			`https://map.qq.com/api/gljs?v=1.exp&key=${key}&callback=onTMapCallback&s=1&libraries=service`;
		script.onerror = reject;
		document.head.appendChild(script);
		return true;
	});
}

使用示例图