Circular Odyssey

Surfacing stories of the Circular transition.

 

Odyssey

All articles - Odyssey

Thoughts on the way

All articles - Odyssey

Portraits

All articles - Odyssey

Locations

All articles - Odyssey

Hikes log

All articles - Odyssey
 

 
 
Archived
<script type=”text/javascript” src=”https://maps.googleapis.com/maps/api/js?key=AIzaSyB3_OfyMU2ls12e2VXOzosgNlUuETINFDE”></script> <div id="map" style="width: 750px; height: 500px;”></div> google.maps.event.addDomListener(window, ‘load’, init); <script> function init() { var mapOptions = { zoom: 3, center: new google.maps.LatLng(14.610281,-35.528616), styles: [ { "featureType": "poi", "elementType": "all", "stylers": [ { "hue": "#000000" }, { "saturation": -100 }, { "lightness": -100 }, { "visibility": "off" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "hue": "#000000" }, { "saturation": -100 }, { "lightness": -100 }, { "visibility": "off" } ] }, { "featureType": "administrative", "elementType": "all", "stylers": [ { "hue": "#000000" }, { "saturation": 0 }, { "lightness": -100 }, { "visibility": "off" } ] }, { "featureType": "road", "elementType": "labels", "stylers": [ { "hue": "#ffffff" }, { "saturation": -100 }, { "lightness": 100 }, { "visibility": "off" } ] }, { "featureType": "water", "elementType": "labels", "stylers": [ { "hue": "#000000" }, { "saturation": -100 }, { "lightness": -100 }, { "visibility": "off" } ] }, { "featureType": "road.local", "elementType": "all", "stylers": [ { "hue": "#ffffff" }, { "saturation": -100 }, { "lightness": 100 }, { "visibility": "on" } ] }, { "featureType": "water", "elementType": "geometry", "stylers": [ { "hue": "#ffffff" }, { "saturation": -100 }, { "lightness": 100 }, { "visibility": "on" } ] }, { "featureType": "transit", "elementType": "labels", "stylers": [ { "hue": "#000000" }, { "saturation": 0 }, { "lightness": -100 }, { "visibility": "off" } ] }, { "featureType": "landscape", "elementType": "labels", "stylers": [ { "hue": "#000000" }, { "saturation": -100 }, { "lightness": -100 }, { "visibility": "off" } ] }, { "featureType": "road", "elementType": "geometry", "stylers": [ { "hue": "#bbbbbb" }, { "saturation": -100 }, { "lightness": 26 }, { "visibility": "on" } ] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [ { "hue": "#dddddd" }, { "saturation": -100 }, { "lightness": -3 }, { "visibility": "on" } ] } ] }; // Get the HTML DOM element that will contain your map // We are using a div with id=”map” seen below in the <body> var mapElement = document.getElementById(‘map’); // Create the Google Map using our element and options defined above var map = new google.maps.Map(mapElement, mapOptions); var marker = new google.maps.Marker({ position: new google.maps.LatLng(14.610281,-35.528616), map: map, title: ‘Snazzy!’ }); }
<iframe width="1000" height="600" frameborder="0" style="border:0" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyB3_OfyMU2ls12e2VXOzosgNlUuETINFDE" allowfullscreen> </iframe>