using mapquest leaflet sdk

Merge branch 'develop' into feature/mapquest
add Dockerfile for simple local testing
2021-10-18 12:44:04 +02:00 · 2021-10-18 11:27:24 +02:00 · 2021-10-18 11:27:01 +02:00 · 2021-10-18 10:58:32 +02:00 · 2021-10-18 10:20:37 +02:00 · 2021-10-17 15:13:17 +02:00
5 changed files with 36 additions and 14 deletions
--- a/2
+++ b/2
@@ -0,0 +1,2 @@
+FROM nginx
+COPY www /usr/share/nginx/html
--- a/www/index.html.de
+++ b/www/index.html.de
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
-<!-- r20211017.2 (2021-10-17) -->
+<!-- Version VVVVV -->
 <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' lang='de'>
 <head>
 	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
@@ -35,7 +35,9 @@
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.3.1/leaflet-dvf.markers.min.js" integrity="sha512-R/iucaxFnDFUTdZRxUvxzc+sypDQhqnxInBmNjgGE0RaiMl/ektVB1wFS/L0xDZmLFPpEGR0Kw3GEBgtQNFHyg==" crossorigin="anonymous"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-providers/1.10.1/leaflet-providers.min.js" integrity="sha512-Ifxj89Ujg72gC/psKB9ystryRYiopmDud2EmNTKC9kz192aQwDKVK1FzWsyPc37tgU0UmRQlNnBM++ZnwIXJ9Q==" crossorigin="anonymous"></script>
 	<script src="https://cdn.jsdelivr.net/npm/leaflet.browser.print@1.0.5/dist/leaflet.browser.print.min.js" integrity="sha256-1MQvHEnVXSKwR+XIVswRSBla/B5ohkp5+HJtritIkgE=" crossorigin="anonymous"></script>
-	
+
+	<script src="https://www.mapquestapi.com/sdk/leaflet/v2.2/mq-map.js?key=RPOPuz3lA2GGBtVpEU0ugxtVoGba53Dt"></script>
+
 	<!-- Map, Events & Stations -->
 	<script type="text/javascript" src="misc.js"></script>
 	<script type="text/javascript" src="geolocation.js"></script>
--- a/www/index.html.en
+++ b/www/index.html.en
@@ -1,5 +1,5 @@
 <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
-<!-- r20211017.2 (2021-10-17) -->
+<!-- Version VVVVV -->
 <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' lang='de'>
 <head>
 	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
@@ -35,7 +35,9 @@
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-dvf/0.3.1/leaflet-dvf.markers.min.js" integrity="sha512-R/iucaxFnDFUTdZRxUvxzc+sypDQhqnxInBmNjgGE0RaiMl/ektVB1wFS/L0xDZmLFPpEGR0Kw3GEBgtQNFHyg==" crossorigin="anonymous"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-providers/1.10.1/leaflet-providers.min.js" integrity="sha512-Ifxj89Ujg72gC/psKB9ystryRYiopmDud2EmNTKC9kz192aQwDKVK1FzWsyPc37tgU0UmRQlNnBM++ZnwIXJ9Q==" crossorigin="anonymous"></script>
 	<script src="https://cdn.jsdelivr.net/npm/leaflet.browser.print@1.0.5/dist/leaflet.browser.print.min.js" integrity="sha256-1MQvHEnVXSKwR+XIVswRSBla/B5ohkp5+HJtritIkgE=" crossorigin="anonymous"></script>
-	
+
+	<script src="https://www.mapquestapi.com/sdk/leaflet/v2.2/mq-map.js?key=RPOPuz3lA2GGBtVpEU0ugxtVoGba53Dt"></script>
+
 	<!-- Map, Events & Stations -->
 	<script type="text/javascript" src="misc.js"></script>
 	<script type="text/javascript" src="geolocation.js"></script>
@@ -154,7 +156,9 @@
 			<p class="table-caption">Download as <a id="stations-csv-link" href="link" download="stations.csv">CSV file</a>.</p>
 		</div>
 		<!-- More -->
-		<div class="tab" id="moretab"><!--include virtual="more.html.de" --></div>
+		<div class="tab more_de" id="moretab">
+			<p>Loading text ...</p>
+		</div>
 		<!-- Info -->
 		<div class="tab" id="infotab">
 			<div id="infoaccordion">
--- a/www/map.js
+++ b/www/map.js
@@ -139,10 +139,14 @@ function initMapLink() {
 **********************************************************************/
 $(document).ready(function() {

-	// create a map in the "map" div, set the view to a given place and zoom
-	map = L.map('map', { zoomControl: false, worldCopyJump: true }).setView(config['map']['centerDefault'], config['map']['zoomDefault']);
-	
-	// create baselayer
+	map = L.map('map', {
+		center: config['map']['centerDefault'],
+		zoom: config['map']['zoomDefault'],
+		zoomControl: false,
+		worldCopyJump: true
+	});
+
+	// change baselayer if mapquest is not requested
 	switch ( config['map']['baselayer'] ) {
 	case 'esrigray': // add ESRI Grayscale World Map (neither city nor road names)
 		L.tileLayer.provider('Esri.WorldGrayCanvas').addTo(map);
@@ -160,6 +164,9 @@ $(document).ready(function() {
 		L.tileLayer('https://sgx.geodatenzentrum.de/wmts_topplus_open/tile/1.0.0/web/default/WEBMERCATOR/{z}/{y}/{x}.png',
 			{attribution: '&copy; Bundesamt für Kartographie und Geodäsie ('+jahr+'), Datenquellen: <a href="http://sg.geodatenzentrum.de/web_public/Datenquellen_TopPlus_Open.pdf">Geodatenzentrum</a>'}).addTo(map);
 		break;
+	case 'mapquest':
+		MQ.mapLayer().addTo(map);
+		break;
 	default: // use OpenStreetMap.DE as default
 		L.tileLayer.provider('OpenStreetMap.DE').addTo(map);
 	};
--- a/www/map.js.en
+++ b/www/map.js.en
@@ -139,11 +139,14 @@ function initMapLink() {
 **********************************************************************/
 $(document).ready(function() {

-	// create a map in the "map" div, set the view to a given place and zoom
-	map = L.map('map', { zoomControl: false, worldCopyJump: true }).setView(config['map']['centerDefault'], config['map']['zoomDefault']);
-	
+	map = L.map('map', {
+		center: config['map']['centerDefault'],
+		zoom: config['map']['zoomDefault'],
+		zoomControl: false,
+		worldCopyJump: true
+	});

-	// create baselayer
+	// change baselayer if mapquest is not requested
 	switch ( config['map']['baselayer'] ) {
 	case 'esrigray': // add ESRI Grayscale World Map (neither city nor road names)
 		L.tileLayer.provider('Esri.WorldGrayCanvas').addTo(map);
@@ -154,16 +157,20 @@ $(document).ready(function() {
 	case 'opentopo': // add OpenTopoMap tile layer
 		L.tileLayer.provider('OpenTopoMap').addTo(map);
 		break;
-	case 'mapnik': // add OpenStreetMap.Mapni tile layer
+	case 'mapnik': // add OpenStreetMap.Mapnik tile layer
 		L.tileLayer.provider('OpenStreetMap.Mapnik').addTo(map);
 		break;
 	case 'topplus': // add TopPlus tile layer (https://gdz.bkg.bund.de/index.php/default/webdienste/topplus-produkte/wmts-topplusopen-wmts-topplus-open.html)
 		L.tileLayer('https://sgx.geodatenzentrum.de/wmts_topplus_open/tile/1.0.0/web/default/WEBMERCATOR/{z}/{y}/{x}.png',
 			{attribution: '&copy; Federal Agency for Cartography and Geodesy ('+jahr+'), Datasource: <a href="http://sg.geodatenzentrum.de/web_public/Datenquellen_TopPlus_Open.pdf">Geodatenzentrum</a>'}).addTo(map);
 		break;
+	case 'mapquest':
+		MQ.mapLayer().addTo(map);
+		break;
 	default: // use OpenStreetMap.DE as default
 		L.tileLayer.provider('OpenStreetMap.DE').addTo(map);
 	};
+
 	// add controls
 	new L.Control.Zoom({ position: 'topright' }).addTo(map);
 	new L.control.scale({position: 'bottomright', imperial: false}).addTo(map);
Author	SHA1	Message	Date
Kasper D. Fischer	7e7f7d59a0	using mapquest leaflet sdk	2021-10-18 12:44:04 +02:00
Kasper D. Fischer	60c7e0ef09	Merge branch 'develop' into feature/mapquest	2021-10-18 11:27:24 +02:00
Kasper D. Fischer	93c15d8640	add Dockerfile for simple local testing usage: docker build -t seisobs-webapp:dev . docker run --name seisobs-map -d -p 8080:80 seisobs-webapp:dev	2021-10-18 11:27:01 +02:00
Kasper D. Fischer	2e5e998d8a	added mapquest baselayer option uses API key registered to https://araidne.geophysik.ruhr-uni-bochum.de/map/	2021-10-18 10:58:32 +02:00
Kasper D. Fischer	ecdeaecfde	Merge branch 'develop' into feature/mapquest	2021-10-18 10:20:37 +02:00
Kasper D. Fischer	6576b0a2b5	load mapquest leaflet scripts w/ api key	2021-10-17 15:13:17 +02:00