From 0c8d0388e4cd96bbb2611a541a810e0d1a7f4122 Mon Sep 17 00:00:00 2001 From: Malvoz <26493779+Malvoz@users.noreply.github.com> Date: Thu, 14 May 2020 02:08:43 +0200 Subject: [PATCH 1/3] Introduce `scoped` styles --- examples/add-custom-control.html | 31 +- examples/alternative-layers.html | 35 +- examples/animate-view-change.html | 71 +-- examples/change-bearing-map.html | 33 +- examples/create-map.html | 82 ++-- examples/custom-map.html | 35 +- examples/example-template.html | 5 +- examples/examples.css | 559 +++++++++++------------- examples/generate-vector-features.html | 5 +- examples/heatmap.html | 5 +- examples/html-annotations.html | 50 +-- examples/layers.html | 5 +- examples/multiple-location-markers.html | 50 +-- examples/poly-features.html | 50 +-- examples/reset-map-view.html | 5 +- examples/set-layer-visibility.html | 37 +- examples/set-view-zoom.html | 100 ++--- examples/single-location.html | 82 ++-- examples/specify-data-source-map.html | 5 +- examples/static-map.html | 23 +- examples/style-scope.js | 32 ++ examples/technical-drawings.html | 27 +- examples/tomtom/maps-extract.css | 13 - examples/view-change-events.html | 5 +- 24 files changed, 639 insertions(+), 706 deletions(-) create mode 100644 examples/style-scope.js delete mode 100644 examples/tomtom/maps-extract.css diff --git a/examples/add-custom-control.html b/examples/add-custom-control.html index 82bc321..5fb6aa3 100644 --- a/examples/add-custom-control.html +++ b/examples/add-custom-control.html @@ -7,6 +7,7 @@
Not applicable
-Not applicable
+
+
+
+
+
+
@@ -32,7 +33,7 @@ Examples for
- Iframe embeds:
@@ -58,7 +59,7 @@ Google Maps embed
Not applicable
OpenStreetMap does not currently provide a layer selection control in embedded maps.
@@ -78,13 +79,9 @@
+
+
+
+
+
+
+
+
@@ -24,7 +25,7 @@ Examples for
- Iframe embeds:
@@ -46,7 +47,7 @@ Google Maps embed
Not applicable
Not applicable
@@ -31,7 +32,7 @@ Examples for
- Iframe embeds:
@@ -53,7 +54,7 @@ Google Maps embed
Not applicable
-
+
OpenStreetMap embed
Not applicable
@@ -65,12 +66,10 @@ Bing Maps embed
MapBox Studio embed
-
-
-
+
@@ -80,9 +79,9 @@ Leaflet.js (with OpenStreetMap tiles)
OpenLayers with OpenStreetMap tiles
-
-
-
+
+
+
+
+
+
+
+
@@ -34,7 +35,7 @@ Examples for
- Iframe embeds:
@@ -59,13 +60,13 @@ Google Maps
-
+
OpenStreetMap
-
+
View Larger Map
@@ -74,39 +75,31 @@ OpenStreetMap
Bing Maps
-
-
-
-
- View Larger Map |
- Get Directions
-
-
-
+
+
+
+ View Larger Map |
+ Get Directions
+
+
MapBox Studio embed
-
-
-
+
Leaflet.js (with OpenStreetMap tiles)
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
@@ -46,7 +47,7 @@ Examples for
- Iframe embeds:
@@ -68,7 +69,7 @@ Google Maps embed
Not applicable
-
+
OpenStreetMap embed
Not applicable
@@ -85,13 +86,9 @@ MapBox Studio embed
Leaflet.js with OpenStreetMap tiles
-
-
-
+
+
+
+
+
+
+
+
+
+
+
@@ -23,7 +24,7 @@ Examples for
- Iframe embeds:
@@ -48,7 +49,7 @@ Google Maps embed
-->***
-
+
OpenStreetMap embed
***TODO***
-
+
OpenStreetMap embed
***TODO***
-
+
OpenStreetMap embed
***TODO
-
-
+
+
+
+
@@ -25,7 +26,7 @@ Examples for
- Iframe embeds:
@@ -50,7 +51,7 @@ Google Maps embed
-->***
-
+
OpenStreetMap embed
***TODO
-
-
+
+
+
+
+
+
@@ -27,7 +28,7 @@ Examples for
- Iframe embeds:
@@ -49,7 +50,7 @@ Google Maps embed
Not applicable
-
+
OpenStreetMap embed
Not applicable
@@ -66,13 +67,9 @@ MapBox Studio embed
Leaflet.js (with OpenStreetMap tiles)
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
@@ -23,7 +24,7 @@ Examples for
- Iframe embeds:
@@ -48,7 +49,7 @@ Google Maps embed
-->***
-
+
OpenStreetMap embed
***TODO***
-
+
OpenStreetMap embed
***TODO
-
-
+
+
+
@@ -16,6 +17,7 @@ Examples for Use Case: Display a loca
The map viewers here are displaying the location of
CERN, birthplace of the web:
+
CERN
Esplanade des Particules 1
@@ -24,6 +26,7 @@ Examples for Use Case: Display a loca
latitude: 6.054893732070923
longitude: 46.2334537001
+
The embed codes were generated by first searching for the address
on the services' own map user interfaces,
@@ -47,7 +50,7 @@
Examples for Use Case: Display a loca
- Iframe embeds:
@@ -72,13 +75,13 @@ Google Maps embed
-
+
OpenStreetMap embed
-
+
View Larger Map
@@ -87,39 +90,31 @@ OpenStreetMap embed
Bing Maps embed
-
-
-
-
- View Larger Map |
- Get Directions
-
-
+
+
+
+ View Larger Map |
+ Get Directions
+
MapBox Studio embed
-
-
-
+
Leaflet.js (with OpenStreetMap tiles)
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
@@ -23,7 +24,7 @@ Examples for
- Iframe embeds:
@@ -48,7 +49,7 @@ Google Maps embed
-->***
-
+
OpenStreetMap embed
***TODO***
-
+
OpenStreetMap embed
***TODO***
-
+
OpenStreetMap embed
***TODO