Add vector tile example using ol-mapbox-style

2018-11-13 13:51:28 +01:00
parent 647421f07b
commit 391fff38aa
4 changed files with 48 additions and 3 deletions
--- a/examples/mapbox-style.html
+++ b/examples/mapbox-style.html
@@ -0,0 +1,32 @@
+---
+layout: example-verbatim.html
+title: Vector tiles creatde from a Mapbox Style object
+shortdesc: Example of using ol-mapbox-style with tiles from tilehosting.com.
+tags: "fullscreen, geolocation, mobile"
+cloak:
+  - key: lirfd6Fegsjkvs0lshxe
+    value: Your API key from http://tilehosting.com/ here
+---
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
+    <title>Mapbox Style objects with ol-mapbox-style</title>
+    <link rel="stylesheet" href="../css/ol.css" type="text/css">
+    <style type="text/css">
+      html, body, .map {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="map" class="map"></div>
+    <script src="common.js"></script>
+    <script src="mapbox-style.js"></script>
+  </body>
+</html>