Google지도 위에 div를 넣으시겠습니까?

Question

이 작업을 수행 할 플러그인이 있습니까?

본인은이 site이며 맨 아래로 스크롤하면지도가 표시됩니다. 내가 원하는 것은 연락처 정보가 포함될 오버레이처럼지도 위에 작은 상자를 놓는 것입니다.

편집 : 상자가 물기 부분 위에 있습니다. :) (분명히 인라인 스타일을 사용하지 않고)이 같은

Answer 1

뭔가 :

<div id="googleMapContainer" style="height: 400px; position: relative;"> 
    <div id="overlay" style="height: 300px; width: 25%; max-width: 340px; position: absolute; top: 50px; left: 0px; background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; padding: 20px; color: #ffffff;"> 
     <p><a style="color: #f1f1f1;">Here's a link in your overlay</a></p> 
    </div> 
    <div class="google_map" id="map_canvas" style="width: 100%; height: 400px; margin: 0;"></div> 
</div> 

Answer 2

당신이 시도 할 수 있습니다 :

<div class="section" id="contact"> 
    <div style="width:100px; height:200px; background:#ccc;z-index:999999;position:absolute;">test</div> 
</div> 

내 위의 코드와 같은 섹션 DIV 후 사업부를 추가 ... (예 : 추가 - 상단 : "필요합니다", 왼쪽 : "필요";)

행운을 빌어 요.