From 8acf02986ab09851a1471b40b9b5752361cf2d58 Mon Sep 17 00:00:00 2001
From: yyh <2572468699@qq.com>
Date: Wed, 21 Sep 2022 17:55:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=9A=E5=AE=9E=E4=BE=8B=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/baidu-map/index.vue | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/components/baidu-map/index.vue b/src/components/baidu-map/index.vue
index eb20e7af..ddca9696 100644
--- a/src/components/baidu-map/index.vue
+++ b/src/components/baidu-map/index.vue
@@ -1,10 +1,18 @@
 <template>
 	<div
-		id="baidu-map-container"
+		:id="mapContainerId"
 		:style="{ width: props.width, height: props.height }"
-		style="position: relative; overflow: hidden"
+		style="background: #f1f1f1; position: relative; overflow: hidden"
 	>
-		<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)">
+		<div
+			style="
+				color: #999;
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+			"
+		>
 			{{ !initd ? 'map loading...' : '' }}
 		</div>
 	</div>
@@ -156,6 +164,8 @@
 	let initd: boolean = false
 	// 地图初始化的发布
 	const { ready } = useLife()
+	const uid = getCurrentInstance()?.uid
+	const mapContainerId = 'baidu-map-container' + uid
 	const props = withDefaults(defineProps<BaiduMapProps>(), {
 		width: '100%',
 		height: '400px',
@@ -232,7 +242,8 @@
 			})
 			return window._BMap.scriptLoader
 		} else {
-			return Promise.resolve()
+			// return Promise.resolve()
+			return window._BMap.scriptLoader
 		}
 	}
 
@@ -240,7 +251,8 @@
 	function init() {
 		getMapScriptAsync().then(() => {
 			const { minZoom, maxZoom, mapType, enableAutoResize } = props
-			map = new BMapGL.Map('baidu-map-container', {
+			console.log(BMapGL)
+			map = new BMapGL.Map(mapContainerId, {
 				minZoom,
 				maxZoom,
 				mapType: window[mapType],
@@ -385,5 +397,5 @@
 		map?.destroy()
 	})
 	provide('getMapInstance', () => map)
-	provide('parentUidGetter', getCurrentInstance()?.uid)
-</script>
\ No newline at end of file
+	provide('parentUidGetter', uid)
+</script>