Question

有没有人成功在Google地图上显示引导提醒？我试过了：

 <div id="map" style="height:100%">
            <div class="alert alert-success">
                <strong>Success!</strong> Indicates a successful or positive action.
            </div>
        </div>

同样具有非常高的z指数但没有运气。

Answer 1

#map <div>只是Google想要注入的任何内容的容器。无论您放置什么标记，都会在初始化地图时删除。

而是将地图与警告标记一起放在父容器中，然后将警报设置为position: absolute，并选择一些额外的样式，如位置;不需要z-index。

这通常是如何将元素放在另一个元素之上，并且完全没有区别，因为它是一个谷歌地图容器：

<div class="map-cnt">
  <div id="map" style="height:100%"></div>  
  <div class="alert alert-success map-alert">
     <strong>Success!</strong> Indicates a successful or positive action.
  </div>  
</div>

CSS

.map-cnt {
  height: 200px;
}
.map-alert {
  position: absolute; 
  left: 20%;
  top: 30%; 
}

<强> http://jsfiddle.net/s4z25xvk/

在谷歌地图上显示引导警报

1 个答案: