Ex-Elevation service

by vasilij_

HTML

<div id="map"></div>

    <!-- Async script executes immediately and must be after any DOM elements used in callback. -->
    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIwzALxUPNbatRBj3Xi1Uhp0fFzwWNBkE&callback=initMap&libraries=&v=weekly"
      async
    ></script>

CSS

/* 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;
}

JavaScript

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 8,
    center: { lat: 63.333, lng: -150.5 },
    mapTypeId: "terrain",
  });
  const elevator = new google.maps.ElevationService();
  const infowindow = new google.maps.InfoWindow({});
  infowindow.open(map);
  // Add a listener for the click event. Display the elevation for the LatLng of
  // the click inside the infowindow.
  map.addListener("click", (event) => {
    displayLocationElevation(event.latLng, elevator, infowindow);
  });
}

function displayLocationElevation(location, elevator, infowindow) {
  // Initiate the location request
  elevator.getElevationForLocations(
    {
      locations: [location],
    },
    (results, status) => {
      infowindow.setPosition(location);

      if (status === "OK" && results) {
        // Retrieve the first result
        if (results[0]) {
          // Open the infowindow indicating the elevation at the clicked position.
          infowindow.setContent(
            "The elevation at this point <br>is " +
              results[0].elevation +
              " meters."
          );
        } else {
          infowindow.setContent("No results found");
        }
      } else {
        infowindow.setContent("Elevation service failed due to: " + status);
      }
    }
  );
}


//Heights:
//https://developers.google.com/maps/documentation/javascript/examples/elevation-paths
//https://developers.google.com/maps/documentation/javascript/examples/elevation-simple

function nooinitMap() {
	var arrLatLng = getCoordsFromUrlOrDef();
	var coordsCenter = new google.maps.LatLng(arrLatLng[0], arrLatLng[1]); 
	
	gv.map = new google.maps.Map(document.getElementById('map'), {
		zoom: 19,
		center: coordsCenter,
		mapTypeId: google.maps.MapTypeId.SATELLITE
	});
	//terrain
	//ROADMAP
	
	gv.infowindow = new google.maps.InfoWindow({
		content: "KD",
		pixelOffset: new google.maps.Size(0, -20)
	});
	
	gv.elevator = new...