Home HTML JavaScript Html code on How to add Google map to your website Html code on How to add Google map to your website Ditulis Oleh Cftrend November 13, 2017 Advertisemen Google Map Start with a simple basic web page. Add a element where you want the map to display: Example My First Google Map My map will go here Set the size of the map: Example Create a JavaScript function to display the map: Example function myMap() { var mapCanvas = document.getElementById("map"); var mapOptions = { center: new google.maps.LatLng(51.5, -0.2), zoom: 10 }; var map = new google.maps.Map(mapCanvas, mapOptions); } The mapCanvas variable is the map's HTML element. The map Options variable defines the properties for the map. The center property specifies where to center the map (using latitude and longitude coordinates). The zoom property specifies the zoom level for the map (try to experiment with the zoom level). The google.maps.Map object is created with mapCanvas and map Options as parameters. Add the Google API The functionality of the map is provided by a JavaScript library located at Google: Example **copy and publish code below** My First Google Map Advertisemen