Open Street Maps Example

The following is an example of the Aeris Interactive Maps using Open Street Maps as the base layer.

 

 



<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">
<link media="screen" type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.2/leaflet.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.2/leaflet.js"></script>
<script type="text/javascript" src="//cdn.aerisjs.com/aeris-interactive/aim-leaflet.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