unapp / vue引入高德地图为什么只显示一个地图

项目场景：

示例:在公司h5项目中使用uniapp开发时引入高德地图api创建地图时的各种问题

---

问题描述

1、 创建多个地图时只显示一个地图

注意：在创建地图时每个地图容器的id值应该不一样，并且需要给每个地图容器都设置 “宽高” 不然就会不显示 如果每个地图的大小一样那么可以设置公共的class去操作样式

初始化

---

原因分析：

宽高未设置， id是唯一值不能共用

---

解决方案：

在创建地图时每个地图容器的id值应该不一样，并且需要给每个地图容器都设置 “宽高” 不然就会不显示
如果每个地图的大小一样那么可以设置公共的class去操作样式