Google Maps Example

The following is an example of the Aeris Interactive Maps using Google Maps as the base layer. In order to use Google Maps as the base map, you will require a Google Maps access token. Directions on receiving a Google Maps access token can be found on the Google Maps Sign Up Page.

 

 



<div id="map-canvas" style="margin-left:auto; margin-right:auto; width:800px; height:500px"> </div>
<link media="screen" type="text/css" rel="stylesheet" href="//cdn.aerisjs.com/aeris-interactive/assets/css/default/style.css">
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=geometry&key=GoogleMapsKey"></script><script type="text/javascript" src="//cdn.aerisjs.com/aeris-interactive/aim-gmaps.js"></script><script type="text/javascript">

    var aerisMapBuilder = new aeris.interactive.MapAppBuilder({
        apiId: 'client ID here',
        apiSecret: 'client Secret here',
        el: '#map-canvas'
    });
    aerisMapBuilder
        .start()
        .done(function() {
            console.log('Aeris Interactive Maps is initialized.');
        })
        .fail(function(err) {
            console.error(err);
        });
</script>

Last modified: June 02, 2017