Openlayers 地图重复出现的问题

地图会重复出现应该怎么解决

在vue里面应该怎么解决
 

 <td>
                <div class="tableImg">
                  <div style="position: relative">
                    <ditu
                      ref="my_child"
                      @clickicon="clickSite($event)"
                      style="
                        width: 100%;
                        height: 100%;
                        position: relative;
                        left: 0%;
                        top: 0px;
                      "
                    ></ditu>
                  </div>
                </div>
              </td>

而且在数据只有一项时是正常显示的

你循环渲染得？

版本是6.5.0

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y