Google지도에 부트 스트랩 알림 표시

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/