docs: update example 📃

Signed-off-by: Vinayak Kulkarni <19776877+vinayakkulkarni@users.noreply.github.com>
geoql · May 9, 2023 · 8bd6606 · 8bd6606
1 parent 86a2cf9
commit 8bd6606
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 9 deletions.
diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "maplibre-gl": "^2.4.0",
-    "maplibre-gl-interpolate-heatmap": "^0.0.0"
+    "maplibre-gl-interpolate-heatmap": "^0.0.1"
   },
   "devDependencies": {
     "@types/node": "^20.1.1",

diff --git a/example/src/main.ts b/example/src/main.ts
@@ -15,9 +15,18 @@ map.dragRotate.disable();
 map.touchZoomRotate.disableRotation();
 
 map.on('load', async () => {
-  map.addControl(new maplibregl.FullscreenControl(), 'top-right');
-  map.addControl(new maplibregl.NavigationControl(), 'bottom-right');
-  map.addControl(new maplibregl.ScaleControl(), 'bottom-left');
+  map.addControl(
+    new maplibregl.FullscreenControl({ container: map.getCanvasContainer() }),
+    'top-right',
+  );
+  map.addControl(
+    new maplibregl.NavigationControl({ visualizePitch: true }),
+    'bottom-right',
+  );
+  map.addControl(
+    new maplibregl.ScaleControl({ unit: 'metric' }),
+    'bottom-left',
+  );
   const startingLatitude = -80;
   const startingLongitude = -180;
   const endingLatitude = 80;

diff --git a/example/src/style.css b/example/src/style.css
@@ -1,4 +1,4 @@
-@import 'mapbox-gl/dist/mapbox-gl.css';
+@import 'maplibre-gl/dist/maplibre-gl.css';
 
 :root {
   font-family: Inter, Avenir, Helvetica, Arial, sans-serif;