mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
update maps 2
This commit is contained in:
parent
d97a8a42f9
commit
10e3b7dcae
@ -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>
|
@ -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
|
||||||
---
|
---
|
||||||
|
BIN
assets/blog/maps/the_final_reveal.jpeg
Normal file
BIN
assets/blog/maps/the_final_reveal.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 431 KiB |
Loading…
x
Reference in New Issue
Block a user