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&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
Post a Comment