geocomplete - 마커가 표시되지 않음

Question

예를 들어 http://ubilabs.github.io/geocomplete/examples/draggable.html을 사용합니다.

HTML :

<div id="addresses"> 
     <label>Address 1</label> 
     <input type="text" class="form-control geocomplete" id="addr_1" data-addrn="1" placeholder="Type your address here" value="" /> 
     <div class="map_canvas" id="addr_canvas_1"></div> 
     <div id="addr_inf_1"> 
      <input type="hidden" data-geo-1="lat" placeholder="Latitude" value="" /> 
      <input type="hidden" data-geo-1="lng" placeholder="Longitude" value="" /> 
     </div> 

<script src="https://maps.googleapis.com/maps/api/js?key=xxxxx&amp;libraries=places"></script> 
<script src="jquery.geocomplete.min.js"></script> 

JS는 :

$(function(){ 
$("#addresses").find(".geocomplete").each(function() { 
    var $cElem = $(this); 
    var $addrNum = $cElem.data("addrn"); 
    $cElem.geocomplete({ 
     map: "#addr_canvas_"+$addrNum, 
     details: "#addr_inf_1"+$addrNum, 
     detailsAttribute: "data-geo-"+$addrNum, 
     markerOptions: { 
     draggable: true 
     } 
    }); 
});}); 

문제는지도가 아닌 마커를 표시하는 것입니다. 왜? CSS의이 라인은지도

사업부에 마커 차단의 이유

Answer 1

했다 {최대 높이 999 %의;}