google maps - geocomplete - marker not showing -


using http://ubilabs.github.io/geocomplete/examples/draggable.html example.

html:

<div id="addresses">         <label>address 1</label>         <input type="text" class="form-control geocomplete" id="addr_1" data-addrn="1" placeholder="type 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       }     }); });}); 

the problem displaying map not marker. why?

this line of css reason of blocking marker on map

div { max-height:999%;}


Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -