feat(runtime-web): createMapContext 新增根据高德地图是否初始化成功返回不同值

eleme · Feb 23, 2024 · 221540b · 221540b
1 parent f1f8441
commit 221540b
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/packages/runtime-web/src/components/src/api/ui/map/index.ts b/packages/runtime-web/src/components/src/api/ui/map/index.ts
@@ -9,17 +9,30 @@ const MAP_INFO = {
   needStyleV7: false
 }
 
+const MAP_CONTAINER_SELECTOR = '.tiga-map-container' // 需要和 ./map.ts 中地图的外层组件 class 保持一致
+
 export default {
   createMapContext(id) {
-    return new CreateMapContext(id)
+    const context = new CreateMapContext(id)
+    const { map } = context
+
+    if (!map) return null
+    if (typeof map.querySelector === 'function') {
+      const container = map.querySelector(MAP_CONTAINER_SELECTOR)
+      // 如果父容器底层没有节点，说明高德地图渲染失败了，这个时候需要返回 null，让业务方做兜底处理
+      if (container && container.children && container.children.length <= 0)
+        return null
+    }
+
+    return context
   },
   getMapInfo() {
     return Promise.resolve(MAP_INFO)
   }
 }
 
 class CreateMapContext {
-  private map: any
+  map: any
 
   constructor(mapId) {
     if (