JezK

Edit File: map-frontend.js

/* global google, jQuery */ ( function( $, document ) { 'use strict'; /** * Callback function for Google Maps Lazy Load library to display map * * @return void */ function displayMap() { var $container = $( this ), options = $container.data( 'map_options' ); var mapOptions = options.js_options, center = new google.maps.LatLng( options.latitude, options.longitude ), map; switch ( mapOptions.mapTypeId ) { case 'ROADMAP': mapOptions.mapTypeId = google.maps.MapTypeId.ROADMAP; break; case 'SATELLITE': mapOptions.mapTypeId = google.maps.MapTypeId.SATELLITE; break; case 'HYBRID': mapOptions.mapTypeId = google.maps.MapTypeId.HYBRID; break; case 'TERRAIN': mapOptions.mapTypeId = google.maps.MapTypeId.TERRAIN; break; } mapOptions.center = center; // Typecast zoom to a number mapOptions.zoom *= 1; if ( typeof mapOptions.styles === 'string' ) { mapOptions.styles = JSON.parse(mapOptions.styles); } map = new google.maps.Map( this, mapOptions ); // Set marker if ( options.marker ) { var marker = new google.maps.Marker( { position: center, map: map } ); // Set marker title if ( options.marker_title ) { marker.setTitle( options.marker_title ); } // Set marker icon if ( options.marker_icon ) { marker.setIcon( options.marker_icon ); } } // Set info window if ( options.info_window ) { var infoWindow = new google.maps.InfoWindow( { content: options.info_window, minWidth: 200 } ); google.maps.event.addListener( marker, 'click', function () { infoWindow.open( map, marker ); } ); if ( true === mapOptions.openInfoWindow ) { infoWindow.open( map, marker ); } } } // Loop through all map instances and display them $( '.rwmb-map-canvas' ).each( displayMap ); $( document ).on( 'mb_blocks_preview', function( e ) { $( e.target ) .find( ".rwmb-map-canvas" ) .each( displayMap ); } ); } )( jQuery, document );