Use locally hosted maplibre

_posts/2023-10-30-maps-3.md

@@ -7,9 +7,10 @@ excerpt: |
 image: 
 thumbnail: 
 head: |
-        <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@3.3.1/dist/maplibre-gl.css" crossorigin="anonymous">
-        <script src="https://unpkg.com/maplibre-gl@3.3.1/dist/maplibre-gl.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/pmtiles@2.11.0/dist/index.js"></script>
+        <link rel="prefetch" href="/assets/blog/pmtiles/light.json" as="fetch">
+        <link rel="stylesheet" href="/assets/css/maplibre-gl.css">
+        <script src="/assets/js/maplibre-gl.js"></script>
+        <script src="/assets/js/pmtiles.js"></script>
 ---
 PMTiles is a new project that lets you serve vector map data from static files through the magic of HTTP range requests.
 
@@ -35,7 +36,7 @@ By following this [blog post][blog] and throwing in a bit of code from [the offi
     let isDark = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
 
     async function getLayers(isDark) {
-        let style_name = isDark ? "/dark.json" : "/light.json";
+        let style_name = isDark ? "dark.json" : "light.json";
         const base = '{{"/assets/blog/pmtiles/" | relative_url}}';
         let resp = await fetch(base + style_name);
         let layers = await resp.json();