diff --git a/data/example/DATASET.md b/data/example/DATASET.md index ec65e9e..d5613cb 100644 --- a/data/example/DATASET.md +++ b/data/example/DATASET.md @@ -8,3 +8,9 @@ The original shapefile was converted to geojson using the following command: ```bash ogr2ogr -f GeoJSON ski_areas.geojson ski_areas.shp ``` + +And to PMTiles with the following command: + +```bash +tippecanoe -zg --output=docs/tiles/ski_areas_all.pmtiles --projection=EPSG:4326 data/example/ski_areas_all.geojson +``` \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index c11675e..040fe5e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -58,15 +58,14 @@

Interactive Web Map

About

This template is designed to help Python programmers quickly deploy interactive web maps. It - leverages - Bootstrap for styling and MapLibre for rendering a satellite imagery basemap. You can host this as a - static - site on platforms like GitHub Pages.

+ leverages Bootstrap for styling and MapLibre for rendering the map. An example data source is loaded + with Protomaps' PMTiles spec. You can host this as a + static site on platforms like GitHub Pages.

Contact

-

For more information or to contribute to this project, please contact us through our GitHub - repository.

+

For more information or to contribute to this project, see our GitHub.

@@ -78,8 +77,8 @@

License

Acknowledgements

-

Satellite imagery by MapTiler Cloud. Ski areas layer obtained from NOAA NWS National Operational - Hydrologic Remote Sensing Center

+

Built on Bootstrap and MapLibre GL JS. Satellite imagery by MapTiler Cloud. Ski areas layer obtained from + NOAA NWS National Operational Hydrologic Remote Sensing Center and loaded with Protomaps' PMTiles.

@@ -99,7 +98,8 @@

Acknowledgements

// Initialize the map const map = new maplibregl.Map({ container: 'map', // container ID - style: 'https://api.maptiler.com/maps/satellite/style.json?key=hhRnxfv423ZJi2JiGt95', // style URL, replace with your own style if necessary + // style URL, replace with your own style if desired + style: 'https://api.maptiler.com/maps/satellite/style.json?key=hhRnxfv423ZJi2JiGt95', center: [-95, 38], // starting position [lng, lat] zoom: 4 // starting zoom }); @@ -112,7 +112,7 @@

Acknowledgements

map.on('load', function () { map.addSource('skiAreas', { 'type': 'vector', - 'url': 'pmtiles://tiles/ski_areas_all.pmtiles' + 'url': 'pmtiles://tiles/ski_areas_all.pmtiles' // path to tiles }); map.addLayer({ 'id': 'skiAreasCircles',