Version 1.2 readme and asset updates

README.md

@@ -29,6 +29,7 @@ Instead of manually adding coordinates for each one of your markers, just click-
 * Enable or disable double-click zoom.
 * Enable or disable scroll wheel zoom.
 * Set a minimum and maximum limit that the user can zoom on the frontend. Setting the same value to both fields will lock the zoom at that level.
+* Support for MapBox, as an additional Layer Provider, using your own API key.
 
 ## Installation
 

admin/Options.class.php

@@ -78,8 +78,8 @@ function ootb_section_settings_cb( $args ) {
 	function ootb_options_page() {
 		add_submenu_page(
 				'options-general.php',
-				'Out of the Block',
-				'Out of the Block',
+				'Out of the Block: OpenStreetMap',
+				'OOTB OpenStreetMap',
 				'manage_options',
 				'ootb-openstreetmap',
 				[ $this, 'ootb_options_page_html' ]

admin/css/styles.css

@@ -1,3 +1,7 @@
+#ootb_form {
+	max-width: 1400px;
+}
+
 .ootb_info {
 	padding: 1em 2em;
 	background: #fff;
@@ -30,6 +34,15 @@
 	font-size: 90%;
 }
 
+#ootb_form img {
+	max-width: 100%;
+}
+
+#ootb_form .submit {
+	border-top: 1px solid #ccc;
+	padding-top: 1em;
+}
+
 @media all and (min-width: 760px) {
 	#ootb_form form {
 		display: grid;

assets/ootb-openstreetmap.js

@@ -7,7 +7,7 @@
 	maps.forEach(renderMap);
 
 	function renderMap(osmap) {
-		const provider = osmap.getAttribute('data-provider');
+		const provider = osmap.getAttribute('data-provider') || 'openstreetmap';
 		const escapedMarkers = osmap.getAttribute('data-markers');
 		const escapedDefaultIcon = osmap.getAttribute('data-marker');
 		const zoom = osmap.getAttribute('data-zoom');

dist/blocks.style.build.css

@@ -1,17 +1 @@
-/**
- * #.# Common SCSS
- *
- * Can include things like variables and mixins
- * that are used across the project.
-*/
-/**
- * #.# Styles
- *
- * CSS for both Frontend+Backend.
- */
-.ootb-openstreetmap--map {
-  width: 100%; }
-  .ootb-openstreetmap--map .leaflet-popup-content {
-    width: 150px; }
-    .ootb-openstreetmap--map .leaflet-popup-content p {
-      margin: .5em 0; }
+.ootb-openstreetmap--map{width:100%}.ootb-openstreetmap--map .leaflet-popup-content{width:150px}.ootb-openstreetmap--map .leaflet-popup-content p{margin:.5em 0}