Google Map search box outside of map, with map -


hi i've been trying create google map search functionality. reason search box works search functionality implement onto map, i'm unsure why.

i want search box outside map update map, location set.

 function init(){             var maxzoom = 3;             var locationzoom = 5;             var markers = [];             var mapoptions = {                 zoom: maxzoom,                 minzoom: maxzoom,                  center: new google.maps.latlng(31.631095, -7.954125),              };              var mapelement = document.getelementbyid('google-map');              var map = new google.maps.map(mapelement, mapoptions);              new google.maps.places.autocomplete(               (document.getelementbyid('autocomplete')), {                   types: ['geocode']               });          }         init(); 

my html

 <div class="row google-search">     <div class="col-sm-12">         <input id="autocomplete" class="form-control" type="text" placeholder="search box">     </div> </div>  <div id="google-map"></div> <script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script> 


Comments

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

html - How to custom Bootstrap grid height? -

transpose - Maple isnt executing function but prints function term -