Blog

Google Auto Complete Address Form

/* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; } #locationField, #controls { position: relative; ...

Different ways to add Google Map in website

HTML <div id="map"></div> JavaScript var map; function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8 }); } <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBEx***************ehtcTrkk0&callback=initMap" async defer></script>