0

How to get Google MAPS with HTML script?

Hi,

Can someone tell me how to get the HTML/JS code provided by Google in Klipfolio?

https://developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/examples/map-simple

 

<!DOCTYPE html>
<html>
 
<head>
   
<title>Simple Map</title>
   
<meta name="viewport" content="initial-scale=1.0">
   
<meta charset="utf-8">
   
<style>
     
/* 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;
     
}
   
</style>
 
</head>
 
<body>
   
<div id="map"></div>
   
<script>
     
var map;
     
function initMap() {
        map
= new google.maps.Map(document.getElementById('map'), {
          center
: {lat: -34.397, lng: 150.644},
          zoom
: 8
       
});
     
}
   
</script>
   
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
   
async defer></script>
 
</body>
</html>

0 comments

Please sign in to leave a comment.