Click on each item to display more information
<style>



					
					.item__map
					{
						width: 100%;
                        position:relative;
                        
                        
						float: none;
					}
					.item:nth-child( even ) .item__info
					{
						float: right;
						padding-left: 1.25rem; /* 20 */
					}
					.item:nth-child( even ) .item__map
					{
						padding-right: 1.25rem; /* 20 */
					}
					.item:nth-child( odd ) .item__info
					{
						padding-right: 1.25rem; /* 20 */
					}
					.item:nth-child( odd ) .item__map
					{
						padding-left: 1.25rem; /* 20 */
					}
					.item__map
					{
					}
						.item__map .google-map
						{
						  left:0px;
							width: 100%;
							height: 18.750rem; /* 300 */
                            height:500px;                            
						}
						.item__map .google-map:not( .is-loaded )
						{
							background-color: #ddd !important;

							-webkit-animation: fade-in-out 1s linear infinite;
							animation: fade-in-out 1s linear infinite;
						}
							@-webkit-keyframes fade-in-out
							{
								from	{ opacity: 1; }
								50%		{ opacity: 0; }
								to		{ opacity: 1; }
							}
							@keyframes fade-in-out
							{
								from	{ opacity: 1; }
								50%		{ opacity: 0; }
								to		{ opacity: 1; }
							}



		@media screen and ( max-width: 40em ) /* 640 */
		{
			.item__info,
			.item__map
			{
				width: 100% !important;
				float: none !important;
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
			.item__map
			{
				margin-top: 1.25rem; /* 20 */
			}
		}

	</style>
    
        
		<div class="item__map" style="margin-top:20px"><div class="google-map" data-lat="0" data-lng="0"></div></div>
	</div>




<script src="//mypoeticside.com/jquery.lazy-load-google-maps.js"></script>
<script>




	;( function( $, window, document, undefined )
	{
		var $window			= $( window ),
			mapInstances	= [],
			$pluginInstance	= $( '.google-map' ).lazyLoadGoogleMaps(
			{
			     api_key: 'AIzaSyBELCmbN7apGA7j6G1-A4awiKNZqSE0KLU',
			 callback: function( container, map )
				{
			
            
            
            	    
                        var currentPopup;
            var bounds = new google.maps.LatLngBounds();
            
            
                        				    
					var $container	= $( container ),
						center		= new google.maps.LatLng( $container.attr( 'data-lat' ), $container.attr( 'data-lng' ) );
                        
                        

					map.setOptions({ zoom: 2, center: center, scrollwheel: true, mapTypeId: google.maps.MapTypeId.TERRAIN });
                    
                    map.set('styles',[{"featureType":"administrative","elementType":"all","stylers":[{"visibility":"on"},{"lightness":33}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2e5d4"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#c5dac6"}]},{"featureType":"poi.park","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":20}]},{"featureType":"road","elementType":"all","stylers":[{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#c5c6c6"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#e4d7c6"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#fbfaf7"}]},{"featureType":"water","elementType":"all","stylers":[{"visibility":"on"},{"color":"#acbcc9"}]}])
					
                    
                    
                    
                    
                    
                    
                    
                    
            
               
               
               
               
               
               function drop(lat, lng, info, title, i, k, color) {
      setTimeout(function() {
        addMarker(lat, lng, info, title, k, color);
      }, i * 500);
  }

            function addMarker(lat, lng, info, title, k, color) {

                var pt = new google.maps.LatLng(lat, lng);
                bounds.extend(pt);
                                var image = new google.maps.MarkerImage('../timeline/timeline_js/images/numbers/'+color,
      // The origin for this image is 0,0.
      // This marker is 20 pixels wide by 32 pixels tall.
      new google.maps.Size(32, 37),
// The origin for this image is 0,0.
      new google.maps.Point(10,57*k));



      var marker = new google.maps.Marker({
        map: map,
        title: title,
        position: pt,
                icon: image,
        animation: google.maps.Animation.DROP
      });
                var popup = new google.maps.InfoWindow({
                    content: info,
                    maxWidth: 300
                });
                google.maps.event.addListener(marker, "click", function() {
                    if (currentPopup != null) {
                        currentPopup.close();
                        currentPopup = null;
                    }
                    popup.open(map, marker);
                    currentPopup = popup;
                });
                google.maps.event.addListener(popup, "closeclick", function() {
                    currentPopup = null;
                });
            }
               
               
               
               
               drop(39.0874307, -81.9971108,'<h3 style="text-transform:uppercase">Meigs County, Ohio, United States</h3><br /><strong>Born</strong><br /><br />Ambrose Bierce was born in 1842 in Ohio. His parents were poor but literary and gave Bierce a love of books very early on in life. <br /><br /><span style="color:#777">Date: June 24th, 1842<br />Age: 0 years old<br /></span>','Meigs County, Ohio, United States','0','0','sprite-celeste.png');
drop(41.2864679, -85.8486236,'<h3 style="text-transform:uppercase">Kosciusko County, Indiana, United States</h3><br /><strong>Kosciusko County, Indiana</strong><br /><br />Bierce and his family moved to Kosciusko County, Indiana where he attended school for the first time. <br /><br /><span style="color:#777">Date: 1846<br />Age: 3 years old<br /></span>','Kosciusko County, Indiana, United States','1','1','sprite-celeste.png');
drop(39.1408115, -80.0290402,'<h3 style="text-transform:uppercase">Philippi, Western Virginia, United States</h3><br /><strong>Civil War</strong><br /><br />With the start of the American Civil War in 1861, Bierce Union Armys 9th Indiana Infantry Regiment and took part in the Western Virginia Campaign. <br /><br /><span style="color:#777">Date: 1861<br />Age: 18 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>First Lieutenant</strong><br /><br />In 1862, Bierce was made a First Lieutenant and served as an engineer with General William Babcock Hazen. <br /><br /><span style="color:#777">Date: February 1862<br />Age: 19 years old<br /></span>','Philippi, Western Virginia, United States','2','2','sprite-celeste.png');
drop(35.1142443, -88.2461183,'<h3 style="text-transform:uppercase">Hardin County, Tennessee</h3><br /><strong>Battle of Shiloh</strong><br /><br />Bierce was involved in the violent conflict at The Battle of Shiloh which would influence a number of his future stories. <br /><br /><span style="color:#777">Date: April 1862<br />Age: 19 years old<br /></span>','Hardin County, Tennessee','3','3','sprite-celeste.png');
drop(34.0143280, -84.6016164,'<h3 style="text-transform:uppercase">Cobbs County, Georgia, United States</h3><br /><strong>Battle of Kennesaw Mountain</strong><br /><br />Bierce received a head wound in the Battle of Kennesaw Mountain and spent the rest of the summer trying to recover. <br /><br /><span style="color:#777">Date: June 1864<br />Age: 21 years old<br /></span>','Cobbs County, Georgia, United States','4','4','sprite-celeste.png');
drop(39.1523198, -80.0403578,'<h3 style="text-transform:uppercase">Philippi, West Virginia, United States</h3><br /><strong>Discharged from Army</strong><br /><br />After suffering a head wound the summer before, Bierce was discharged from the army in January 1865. <br /><br /><span style="color:#777">Date: January 1865<br />Age: 22 years old<br /></span>','Philippi, West Virginia, United States','5','5','sprite-celeste.png');
drop(37.7749295, -122.4194155,'<h3 style="text-transform:uppercase">San Francisco, California, United States</h3><br /><strong>Mollie Day</strong><br /><br />Bierce married Mollie Day in 1871. They would have three children but both Bierces sons would die before him. <br /><br /><span style="color:#777">Date: December 25th, 1871<br />Age: 29 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>The Fiends Delight</strong><br /><br />Bierce published his first collection of short stories and poems under the title of The Fiends Delight in <br /><br /><span style="color:#777">Date: 1873<br />Age: 30 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>Nuggets and Dust </strong><br /><br />Bierce published his second collection of short stories and poems in Nuggets and Dust Panned Out In California in 1873.<br /><br /><span style="color:#777">Date: 1873<br />Age: 30 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>Cobwebs from an Empty Skull </strong><br /><br />Bierce published Cobwebs from an Empty Skull, a series of stories, fables, poetry, maxims, sketches, epigrams, quips, and witticisms in 1874.<br /><br /><span style="color:#777">Date: 1874<br />Age: 31 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>The Wasp</strong><br /><br />Bierce returned to San Francisco and edited the Wasp Magazine but also contributed to the new San Francisco Examiner. <br /><br /><span style="color:#777">Date: 1881<br />Age: 38 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>An Inhabitant of Carcosa</strong><br /><br />Bierce published his short story An Inhabitant of Carcosa in San Francisco Newsletter and was the influence for Robert W Chambers The King in Yellow. <br /><br /><span style="color:#777">Date: December 1886<br />Age: 44 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>Tales of Soldiers and Civilians</strong><br /><br />Bierce published his collection of short stories Tales of Soldiers and Civilians in 1891. <br /><br /><span style="color:#777">Date: 1891<br />Age: 48 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>Black Beetles in Amber</strong><br /><br />Bierce published his first full collection of poetry Black Beetles in Amber in 1892. <br /><br /><span style="color:#777">Date: 1892<br />Age: 49 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>The Monk and the Hangmans Daughter</strong><br /><br />Bierce published his novella The Monk and the Hangmans Daughter in 1892. The book was written with Adolphe De Castro. <br /><br /><span style="color:#777">Date: 1892<br />Age: 49 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>Can Such Things Be?</strong><br /><br />Bierce published the short story collection Can Such Things Be? in 1893. <br /><br /><span style="color:#777">Date: 1893<br />Age: 50 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>The Damned Thing</strong><br /><br />Bierce first published his short story The Damned Thing in Tales from New York Town in 1893.<br /><br /><span style="color:#777">Date: December 1893<br />Age: 51 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>Fantastic Fables</strong><br /><br />Bierce published the short story collection Fantastic Fables in 1899. <br /><br /><span style="color:#777">Date: 1899<br />Age: 56 years old<br /></span><br /><div style="height:1px;border-bottom:1px dashed #000"></div><br /><strong>Shapes of Clay</strong><br /><br />Bierce published his poetry collection Shapes of Clay in 1903. <br /><br /><span style="color:#777">Date: 1903<br />Age: 60 years old<br /></span>','San Francisco, California, United States','6','6','sprite-celeste.png');
drop(51.5073509, -0.1277583,'<h3 style="text-transform:uppercase">London, United Kingdom</h3><br /><strong>England</strong><br /><br />Bierce moved to England and lived and wrote there for a while, contributing to Fun magazine. <br /><br /><span style="color:#777">Date: from 1872 until 1875<br />Age: 29 years old when started<br /></span>','London, United Kingdom','7','7','sprite-celeste.png');
drop(44.3838566, -103.7260561,'<h3 style="text-transform:uppercase">Deadwood, Dakota, United States</h3><br /><strong>Deadwood</strong><br /><br />Bierce traveled to Deadwood and tried his hand at becoming a mining manager but the company he was working for folded. <br /><br /><span style="color:#777">Date: 1879<br />Age: 36 years old<br /></span>','Deadwood, Dakota, United States','8','8','sprite-celeste.png');
drop(37.7749295, -122.4194155,'<h3 style="text-transform:uppercase">San Francisco, Calfornia, United States</h3><br /><strong>The Devils Dictionary</strong><br /><br />Bierce published one of his most well-known works The Devils Dictionary in 1911, first called The Cynics Wordbook. It was a satirical and witty look at English words. <br /><br /><span style="color:#777">Date: 1911<br />Age: 68 years old<br /></span>','San Francisco, Calfornia, United States','9','9','sprite-celeste.png');
drop(19.4326077, -99.1332080,'<h3 style="text-transform:uppercase">Mexico City, Mexico</h3><br /><strong>Journey to Mexico</strong><br /><br />Bierce, at the age of 71, decided to take a tour of the Civil War battlefields and then headed down to Mexico where he joined Pancho Villas army as an observer. <br /><br /><span style="color:#777">Date: October 1913<br />Age: 71 years old<br /></span>','Mexico City, Mexico','10','10','sprite-celeste.png');
drop(28.6329957, -106.0691004,'<h3 style="text-transform:uppercase">Chihuahua, Mexico</h3><br /><strong>Death </strong><br /><br />Bierce has accompanied Pancho Villas army as far as Chihuahua and he vanished without trace shortly after sending a letter with the line "As to me, I leave here tomorrow for an unknown destination." He was 71 years old. <br /><br /><span style="color:#777">Date: December 26th, 1914<br />Age: 72 years old<br /></span>','Chihuahua, Mexico','11','11','sprite-celeste.png');
var flightPlanCoordinates = [
        new google.maps.LatLng(39.0874307, -81.9971108),new google.maps.LatLng(41.2864679, -85.8486236),new google.maps.LatLng(39.1408115, -80.0290402),new google.maps.LatLng(35.1142443, -88.2461183),new google.maps.LatLng(34.0143280, -84.6016164),new google.maps.LatLng(39.1523198, -80.0403578),new google.maps.LatLng(37.7749295, -122.4194155),new google.maps.LatLng(51.5073509, -0.1277583),new google.maps.LatLng(44.3838566, -103.7260561),new google.maps.LatLng(37.7749295, -122.4194155),new google.maps.LatLng(19.4326077, -99.1332080),new google.maps.LatLng(28.6329957, -106.0691004)
	    ];
	    var flightPath = new google.maps.Polyline({
	      path: flightPlanCoordinates,
	      strokeColor: "#0092F1",
	      strokeOpacity: 0.2,
	      strokeWeight: 1
	    });

	   flightPath.setMap(map);center = bounds.getCenter();                 
                    

					$.data( map, 'center', center );
                    
					mapInstances.push( map );

					var updateCenter = function(){ $.data( map, 'center', map.getCenter() ); };
					google.maps.event.addListener( map, 'dragend', updateCenter );
					google.maps.event.addListener( map, 'zoom_changed', updateCenter );
					google.maps.event.addListenerOnce( map, 'idle', function(){ $container.addClass( 'is-loaded' ); });
                    
                    
                                        
				}
			});
            
            
            
            
            
            
            
            
            

		$window.on( 'resize', $pluginInstance.debounce( 1000, function()
		{
			$.each( mapInstances, function()
			{
				this.setCenter( $.data( this, 'center' ) );
                
			});
		}));

	})( jQuery, window, document );

</script>