ジオコンプリート - マーカーが表示されない

-1

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 
     } 
    }); 
});});

問題はそのマップではなく、マーカーを表示することです。どうして？

出典

2016-08-23 user3383008

を[、最小完全、かつ検証例]を入力してください（HTTP：/ /stackoverflow.com/help/mcve）を参照してください。 – Joyson