Merge pull request #189 from NickFitz/tile-examples

More examples completed.
Maps4HTML · Nov 14, 2019 · b063aa3 · b063aa3
2 parents 85303e1 + 5f86113
commit b063aa3
Show file tree

Hide file tree

Showing 13 changed files with 774 additions and 238 deletions.
diff --git a/examples/api-keys.js b/examples/api-keys.js
@@ -13,4 +13,18 @@ m4h.keys = {
       'httpslocalhost8000': 'eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IlI2QlY1QTlDR1YifQ.eyJpc3MiOiI0M0IyM044WjYzIiwiaWF0IjoxNTY2MjM0OTIzLCJvcmlnaW4iOiJodHRwczovL2xvY2FsaG9zdDo4MDAwIiwiZXhwIjoxNTc3ODM2Nzk5fQ.mgp4OQhubUcXMXbeXSrFtqPX1o-3Vw2EBbV2pvieYZA-1xe7_PNZ281QsPPmeJqSORL-qY9DIjcCFeBVV7MFtQ',
       'maps4html': 'eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IlI2QlY1QTlDR1YifQ.eyJpc3MiOiI0M0IyM044WjYzIiwiaWF0IjoxNTY2MjM0OTIzLCJvcmlnaW4iOiJodHRwczovL21hcHM0aHRtbC5naXRodWIuaW8iLCJleHAiOjE1Nzc4MzY3OTl9.anN2upPaCdexpSw30j0wVHBV3hIDJPGrOtqJECO-UOcqOXUmEvyvqJBhT10YyjxT_VTSrJQwcjda-CVBddEd5g'
   },
+  mapkitstatic: {
+      httpslocalhost8000: {
+          referer: 'https://localhost:8000/',
+          teamId: '43B23N8Z63',
+          keyId: 'R6BV5A9CGV',
+          signature: 'dIEhfVGXY4WHW2hq7FUWuqc41B0a0-zHJoom88pBZD_hfj3IohIHo06qv__qtxFOQjNbeeq0G_RZZgZ3yWQiQA'
+      },
+      maps4html: {
+          referer: 'https://maps4html.github.io/',
+          teamId: '43B23N8Z63',
+          keyId: 'R6BV5A9CGV',
+          signature: 'F13h3nOYuw3Al2xPLd-VrVYIACvSV8UlPyMt_VGPDIkbUVezgbjzCInclURMbFznfR6WLTDnEy_XzhzvEmSufA'
+      }
+  }
 };
diff --git a/examples/create-map.html b/examples/create-map.html
@@ -249,6 +249,7 @@ <h2>TomTom Maps SDK for Web with vector maps</h2>
   <div id="tomtom-map" style="width: 600px; height: 450px;"></div>
   <script src='https://api.tomtom.com/maps-sdk-js/4.47.6/examples/sdk/tomtom.min.js'></script>
   <!--<link rel='stylesheet' href='https://api.tomtom.com/maps-sdk-js/4.47.6/examples/sdk/map.css'>-->
+  <link rel='stylesheet' href='tomtom/maps-extract.css'>
   <link rel='stylesheet' href='https://api.tomtom.com/maps-sdk-js/4.47.6/examples/elements.css'>
   <div class="script-example">
     <script>

diff --git a/examples/data/glooston.js b/examples/data/glooston.js
diff --git a/examples/examples.css b/examples/examples.css
@@ -271,3 +271,38 @@ iframe,
     min-height: 400px;
   }
 }
+
+.static-embed {
+    position: relative;
+    width: 600px;
+    height: 480px;
+}
+
+.static-embed img {
+    position: absolute;
+    z-index: 0;
+}
+
+.static-embed .static-streetview {
+    z-index: 1;
+    bottom: 24px;
+    left: 8px;
+    border: 4px solid #bbb;
+    border-radius: 4px;
+}
+
+.popup.openlayers {
+    background-color: #f6f6f6;
+    color: #060606;
+    border: 1px solid #060606;
+    border-radius: 6px;
+    font-size: 0.8rem;
+    padding: 12px;
+    position: relative;
+}
+
+.popup.openlayers .close {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+}