1 files changed, 96 insertions, 0 deletions
diff --git a/www/wiki/extensions/Maps/resources/geoJsonPage.js b/www/wiki/extensions/Maps/resources/geoJsonPage.js
new file mode 100644
index 00000000..8c6c7c14
--- /dev/null
+++ b/www/wiki/extensions/Maps/resources/geoJsonPage.js
@@ -0,0 +1,96 @@
+(function( $, mw, maps ) {
+
+	function hideLoadingMessage(map, $content) {
+		map.on(
+			'load',
+			function() {
+				$content.find('div.maps-loading-message').hide();
+			}
+		);
+	}
+
+	function addZoomControl(map) {
+		map.addControl(new L.Control.Zoom());
+	}
+
+	function addTitleLayer(map) {
+		L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+			attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+		}).addTo(map);
+	}
+
+	function fitContent(map, geoJsonLayer) {
+		map.fitWorld();
+		let bounds = geoJsonLayer.getBounds();
+
+		if (bounds.isValid()) {
+			if (bounds.getNorthEast().equals(bounds.getSouthWest())) {
+				map.setView(
+					bounds.getCenter(),
+					14
+				);
+			}
+			else {
+				map.fitBounds(bounds);
+			}
+		}
+	}
+
+	function initializeWithEditor(map) {
+		let editor = maps.leaflet.LeafletEditor(
+			map,
+			new maps.MapSaver(mw.config.get('wgPageName'))
+		);
+
+		editor.onSaved(function() {
+			alert(mw.msg('maps-json-editor-changes-saved'));
+		});
+
+		editor.initialize(window.GeoJson);
+
+		fitContent(map, editor.getLayer());
+	}
+
+	function initializePlainMap(map) {
+		fitContent(
+			map,
+			maps.leaflet.GeoJson.newGeoJsonLayer(L, window.GeoJson).addTo(map)
+		);
+	}
+
+	function initializeGeoJsonAndEditorUi(map) {
+		if (mw.config.get('wgCurRevisionId') === mw.config.get('wgRevisionId')) {
+
+			maps.api.canEditPage(mw.config.get('wgPageName')).done(
+				function(canEdit) {
+					if (canEdit) {
+						initializeWithEditor(map);
+					}
+					else {
+						initializePlainMap(map);
+					}
+				}
+			);
+		}
+		else {
+			initializePlainMap(map);
+		}
+	}
+
+	mw.hook( 'wikipage.content' ).add( function ( $content ) {
+		let map = L.map(
+			'GeoJsonMap',
+			{
+				fullscreenControl: true,
+				fullscreenControlOptions: {position: 'topright'},
+				zoomControl: false
+			}
+		);
+
+		hideLoadingMessage(map, $content);
+		addZoomControl(map);
+		addTitleLayer(map);
+		initializeGeoJsonAndEditorUi(map);
+	} );
+
+})( window.jQuery, window.mediaWiki, window.maps );