update maps 2

This commit is contained in:
Tom Hodson 2023-09-17 10:33:51 +01:00
parent d97a8a42f9
commit 10e3b7dcae
3 changed files with 27 additions and 2 deletions

View File

@ -7,6 +7,31 @@ excerpt: |
image: /assets/blog/maps/after_sanding.jpeg image: /assets/blog/maps/after_sanding.jpeg
--- ---
A last minute leaving gift idea for a friend inspired me to finish my first actual laser cut map. I used leaflet.js to overlay the names of some places we had visited together in London onto those nice Stamen Design map tiles from before. You can see the digital version [here](/projects/tonis-map/).
<figure>
<img src="/assets/blog/maps/fresh_off_the_press.jpeg">
<figcaption>
This is what it looks like straight off the laser cutter. The contrast is super washed out because the smoke from the cutting process darkens all the surrounding wood.
</figcaption>
</figure>
I had a bunch of issues with getting that to work mostly based around the fact that these tiles are raster images that are intended for streaming to a zoomable and panable viewer on a screen. The design tradeoff of the maps don't quite make as much sense when you start transfering them to a static image. I did some hacks to use the tiles intended for a higher zoom level but you can only take that so far before the text starts getting unreadable.
<figure>
<img src="/assets/blog/maps/after_sanding.jpeg">
<figcaption>
To deal with the darkending from the smoke I sand the whole thing back with 80 grit sandpaper on an orbital sander. I did break a few small features off here and there but it's ok!
</figcaption>
</figure>
I think there is a better approach that involves getting raw OpenStreetMap data and rendering it directly using something like [QGIS and some kind of map style files](https://gis.stackexchange.com/questions/186808/how-to-create-high-quality-map-with-qgis-and-stamen-tiles
https://anitagraser.com/2014/05/31/a-guide-to-googlemaps-like-maps-with-osm-in-qgis/) but that seems like a whole new deep rabbit hole I'm not ready to fall into just yet.
<figure>
<img src="/assets/blog/maps/the_final_reveal.jpeg">
<figcaption>
The final reveal!
</figcaption>
</figure>

View File

@ -1,7 +1,7 @@
--- ---
title: Toni's Map title: Toni's Map
excerpt: A going away present for my friend Toni. excerpt: A going away present for my friend Toni.
permalink: /tonis-map/ permalink: /projects/tonis-map/
assets: /assets/blog/maps/icons assets: /assets/blog/maps/icons
image: /assets/blog/maps/tonis_map.png image: /assets/blog/maps/tonis_map.png
--- ---

Binary file not shown.

After

Width:  |  Height:  |  Size: 431 KiB