MENU


Google Maps

The Google Maps JavaScript API lets you customize maps with your content and imagery for display on web pages and mobile devices. The API features four basic map types (roadmap, satellite, hybrid, and terrain) which you can modify using layers and styles, controls and events, and various services and libraries.


RESETRUNFULL
<!DOCTYPE html><html>
  <head>
    <title>Google Map</title>
    <script defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDHkVujiFDb0wLhtxvMeWTWTAVLl9iHrrY&callback=initMap&libraries=&v=weekly"></script>
    <style type="text/css">
      #map {
        height: 400px;
        width: 100%;
      }
    </style>
    <script>
      function initMap() {
        const uluru = { lat: -25.344, lng: 131.036 };
        const map = new google.maps.Map(
          document.getElementById("map"), {
             zoom: 4,
             center: uluru,
        });
        const marker = new google.maps.Marker({
          position: uluru,
          map: map,
        });
      }
    </script>
  </head>
  <body>
    <div id="map"></div>
  </body>
</html>