Merge branch 'main' of github.com:TomHodson/tomhodson.github.com

This commit is contained in:
Tom 2023-09-20 21:06:55 +01:00
commit 3c14f55754
6 changed files with 40 additions and 2 deletions

View File

@ -1,5 +1,5 @@
---
title: "WIP: Maps Maps Maps"
title: "Maps Maps Maps: Part 1"
layout: post
excerpt: |
I want to make some really big laser etched maps.
@ -135,6 +135,8 @@ Here's a 3D version. I got the scan with the lidar scanner on an ipad.
Given how long those took to cut, I'm thinking that I'll split the design into multiple panels so I don't have to babysit the laser cutter for 24 hours.
Let's see how that pans out next time!
<!-- Ideas:
https://github.com/grinat/leaflet-simple-map-screenshoter Can only get raster data this way

View File

@ -0,0 +1,36 @@
---
title: "Maps Maps Maps: Part 2"
layout: post
excerpt: |
I finish my first laser etched map.
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) 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
excerpt: A going away present for my friend Toni.
permalink: /tonis-map/
permalink: /projects/tonis-map/
assets: /assets/blog/maps/icons
image: /assets/blog/maps/tonis_map.png
---

Binary file not shown.

After

Width:  |  Height:  |  Size: 367 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 380 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 431 KiB