The Aura coverage map is maintained via a KML (Keyhole Markup Language) file that is used to display covered areas on an earth browser.

Overlaying with Google Maps

KML can be overlaid onto several earth browsers with google maps being one of the most commonly used. Below is a quick walk through on how to initialize google maps and overlay the Aura coverage map with javascript.

Initializing Google Maps

To display KML on a map, you need to first create a map object. Once you have done this, you can configure the centre point as well as default zoom.

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: new google.maps.LatLng(-19.257753, 146.823688),
    zoom: 2,
    mapTypeId: 'terrain'
  });
}

Displaying the KML Layer

Before being able to display a KML file, you need to create a KMLLayer object.

The KMLLayer constructor takes in several configuration options with the most important being a public url that the maps api can load the kml file from.

All the configuration options are documented on the Maps Javascript API linked below.

var src = 'https://developers.google.com/maps/documentation/javascript/examples/kml/westcampus.kml';
var kmlLayer = new google.maps.KmlLayer(src, {
  suppressInfoWindows: true,
  preserveViewport: false,
  map: map
});

Runnable Example

Below is a working example of embedding and displaying the coverage map using javascript including basic CSS and HTML.

Note that you will need to replace the google api key with your own (this is the development key they provide for testing on their api).

Aura KML Url

The Aura coverage map is hosted at docs.aura-app.io/aura-coverage-map.kml. This is the url you should use when configuring the KMLLayer.

KML References

Hosted Aura Coverage Map

Back to the Integration Portal