golden hour

/home/godaofbq/hyperbarichelp.com/wp-content/plugins/oxygen/component-framework/includes/acf/public

File/Folder	Size	Actions
.htaccess	420 B
google_map.html	2.19 KB

Edit: google_map.html

.acf-map {
		width: 600px;
		height: 400px;
		border: #ccc solid 1px;
		margin: 20px 0;
	}

/* fixes potential theme css conflict */
	.acf-map img {
		max-width: inherit !important;
	}

</style>
<script type="text/javascript">
	(function($) {

function new_map( $el ) {

// var
			var $markers = $el.find('.marker');

// vars
			var args = {
				zoom		: 16,
				center		: new google.maps.LatLng(0, 0),
				mapTypeId	: google.maps.MapTypeId.ROADMAP
			};

// create map
			var map = new google.maps.Map( $el[0], args);

// add a markers reference
			map.markers = [];

// add markers
			$markers.each(function(){

add_marker( $(this), map );

});

// center map
			center_map( map );

// return
			return map;

}

function add_marker( $marker, map ) {

// var
			var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );

// create marker
			var marker = new google.maps.Marker({
				position	: latlng,
				map			: map
			});

// add to array
			map.markers.push( marker );

// if marker contains HTML, add it to an infoWindow
			if( $marker.html() )
			{
				// create info window
				var infowindow = new google.maps.InfoWindow({
					content		: $marker.html()
				});

// show info window when marker is clicked
				google.maps.event.addListener(marker, 'click', function() {

infowindow.open( map, marker );

});
			}

}

function center_map( map ) {

// vars
			var bounds = new google.maps.LatLngBounds();

// loop through all markers and create bounds
			$.each( map.markers, function( i, marker ){

var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );

bounds.extend( latlng );

});

if( map.markers.length == 1 )
			{
				// set center of map
				map.setCenter( bounds.getCenter() );
				map.setZoom( 16 );
			}
		}

var map = null;

$(document).ready(function(){
			if( typeof google === 'undefined') {
				$.getScript( 'https://maps.googleapis.com/maps/api/js?key=OXYGEN_GOOGLE_MAPS_KEY', function(){
					$('#OXYGEN_MAP_ID').each(function(){

// create map
						map = new_map( $(this) );

});
				} );
			}

});

})(jQuery);
</script>