jQuery( function ( $ ) {
	'use strict';

	/**
	 * Display Open Street Map
	 */
	function displayMap() {
		var osmTileLayer = L.tileLayer( 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
			attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
		} );
		var options = $( this ).data( 'osm_options' ),
			mapOptions = options.js_options,
			center = L.latLng( options.latitude, options.longitude ),
			map;

		mapOptions.center = center;

		// Typecast zoom to a number
		mapOptions.zoom *= 1;

		mapOptions.gestureHandling = true;
		map = L.map( this, mapOptions );
		map.addLayer( osmTileLayer );

		// Set marker
		if ( options.marker ) {
			var markerOptions = {};

			// Set marker title
			if ( options.marker_title ) {
				markerOptions.title = options.marker_title;
			}

			// Set marker icon
			if ( options.marker_icon ) {
				markerOptions.icon = L.icon( {
					iconUrl: options.marker_icon
				} );
			}

			var marker = L.marker( center, markerOptions ).addTo( map );
		}

		// Set info window
		if ( options.info_window ) {
			marker.bindPopup( options.info_window ).openPopup();
		}
	}

	// Loop through all map instances and display them
	$( '.rwmb-osm-canvas' ).each( displayMap );
} );