{"guid":"b0001b70-6e5d-50e1-aaa4-51345e1d7a65","title":"How to make a crafty Vector Tile map: Custom tiles, the perfect sprite, animating stuff and random hot air balloons!","subtitle":null,"slug":"bucharest-339-how-to-make-a-crafty-vector-tile-map-custom-tiles-the-perfect-sprite-animating-stuff-and-random-hot-air-balloons-","link":"https://talks.2019.foss4g.org/bucharest/talk/LLECPZ/","description":"Vector tiles are a challenge for the creative mind. In this talk we will take you along the path of making artistic styles for your vector tiles like this [Crafty map](https://apps.webmapper.nl/crafty_map/) and the [Paradise in the Polder map](https://nieneb.github.io/mycelium/). Starting from the importance of having a good and clear tile set to making your own sprites and glyphs with command line tools and software like Inkscape and Gimp.\nAfter that we show some trick to add animation with Turf.js and D3.js. Like placing random hot air balloons all over your map! \n\nVector tiles are on the cutting edge of technology and creativity, we combine both to show you the endless possibilities that vector tiles offer!\n\nNone","original_language":"eng","persons":["Niene Boeijen"],"tags":["bucharest","339","2019","General"],"view_count":175,"promoted":false,"date":"2019-08-30T00:00:00.000+02:00","release_date":"2019-08-30T02:00:00.000+02:00","updated_at":"2026-01-02T14:30:20.238+01:00","length":1257,"duration":1257,"thumb_url":"https://static.media.ccc.de/media/conferences/foss4g2019/339-hd.jpg","poster_url":"https://static.media.ccc.de/media/conferences/foss4g2019/339-hd_preview.jpg","timeline_url":"https://static.media.ccc.de/media/conferences/foss4g2019/339-hd.timeline.jpg","thumbnails_url":"https://static.media.ccc.de/media/conferences/foss4g2019/339-hd.thumbnails.vtt","frontend_link":"https://media.ccc.de/v/bucharest-339-how-to-make-a-crafty-vector-tile-map-custom-tiles-the-perfect-sprite-animating-stuff-and-random-hot-air-balloons-","url":"https://api.media.ccc.de/public/events/b0001b70-6e5d-50e1-aaa4-51345e1d7a65","conference_title":"FOSS4G 2019","conference_url":"https://api.media.ccc.de/public/conferences/foss4g2019","related":[{"event_id":7466,"event_guid":"98c0417b-cdfd-57b3-9411-14f9f465f5b9","weight":3},{"event_id":7469,"event_guid":"c0174aef-c7a6-5d21-8dfe-e592c5a4eff3","weight":4},{"event_id":7488,"event_guid":"0a3e23aa-d593-58cd-a3a1-7991e3a3a064","weight":6},{"event_id":7492,"event_guid":"f65e1c2f-8bde-5c89-a128-e113b0b9a3f6","weight":2},{"event_id":7497,"event_guid":"ee2c0473-7931-5239-85f0-0385fb68054e","weight":1},{"event_id":7501,"event_guid":"a4aa4222-f2ca-5e0c-94f6-4c7a3595d1a2","weight":6},{"event_id":7504,"event_guid":"c54aa667-78de-55fb-85e7-60f2eaffd2a4","weight":3},{"event_id":7508,"event_guid":"90c767f8-cbe3-587d-a2b8-ee879b7e8b45","weight":1},{"event_id":7514,"event_guid":"0d63b0b4-259d-5114-8c8f-18604b514f7d","weight":6},{"event_id":7517,"event_guid":"ef1a3ce2-61bf-53e1-8f97-acb738c219f9","weight":5},{"event_id":7520,"event_guid":"2e1e926d-3eaa-5fa1-83b3-1a8e001df0c6","weight":1},{"event_id":7522,"event_guid":"74922ed0-86dd-5568-98fb-6fc812852441","weight":1},{"event_id":7524,"event_guid":"f58c39cb-2250-51b5-8902-d52f713c934b","weight":6},{"event_id":7526,"event_guid":"fd5614a8-535f-5069-8f69-3a9983d37830","weight":6},{"event_id":7530,"event_guid":"27739ac4-67df-54da-a0f4-633bc7a9ac61","weight":4},{"event_id":7534,"event_guid":"3fc26cc4-962e-5f27-a92b-c01e86d12100","weight":4},{"event_id":7550,"event_guid":"53494dbe-b19b-5e77-a2d1-9cb5a6d5447d","weight":5},{"event_id":7552,"event_guid":"4c2f4b81-1316-502d-870c-dc39567b782e","weight":9},{"event_id":7556,"event_guid":"c9b9934c-1cec-518c-ab2f-6a70ee5622f0","weight":1},{"event_id":7573,"event_guid":"347ab764-8ae3-58fe-87a0-18dca9880c63","weight":4},{"event_id":7607,"event_guid":"d0794cae-d707-584c-8879-6c438a603486","weight":3},{"event_id":7610,"event_guid":"08454950-b5fe-59f1-9a94-2f51780aef74","weight":1},{"event_id":7614,"event_guid":"7347a409-8f11-53a7-b855-39fcf0d8c2ae","weight":5},{"event_id":7618,"event_guid":"6ed3f0f2-a47f-5229-b734-0c911d11f597","weight":7},{"event_id":7624,"event_guid":"69079f64-448d-55b5-9cb3-7089547c370d","weight":1},{"event_id":7625,"event_guid":"bd14d233-85f2-5064-8f3d-5693392a48e4","weight":5},{"event_id":7629,"event_guid":"43e2163d-d0f7-5b45-945b-25dd8c57118b","weight":2},{"event_id":7639,"event_guid":"9b3ad47a-e457-5428-b6ca-170addd9bf22","weight":6},{"event_id":7672,"event_guid":"1c58bd3e-15f6-51a3-af44-9d6a75f31556","weight":4},{"event_id":7681,"event_guid":"a1326956-88be-5af4-b747-5cefc95e8232","weight":3},{"event_id":7682,"event_guid":"3da56fe5-5d22-565b-849f-591265220120","weight":8},{"event_id":7692,"event_guid":"3c0ea464-ce0e-5676-a977-075148d7bbdd","weight":3},{"event_id":7694,"event_guid":"05466dda-8c63-57a3-a1ff-ebeff2abaa92","weight":3},{"event_id":7698,"event_guid":"61a1baea-9b7c-5f64-bef2-094b291f77fd","weight":1},{"event_id":7707,"event_guid":"8f9b67d8-fd60-522f-9a5b-6f0f81626e5c","weight":3},{"event_id":7710,"event_guid":"9bce8e1a-0dc8-5c82-977c-23dccd115e89","weight":12},{"event_id":7726,"event_guid":"5fabfcb3-0d99-553b-a6f8-5a6119513afc","weight":5},{"event_id":7733,"event_guid":"0ba5c644-2353-5225-972e-6e3958f74f3e","weight":4},{"event_id":7744,"event_guid":"e48d8c2a-d423-5568-8be0-45464da7dfce","weight":5}],"recordings":[{"size":381,"length":1257,"mime_type":"video/mp4","language":"eng","filename":"bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_hd.mp4","state":"new","folder":"h264-hd","high_quality":true,"width":1920,"height":1080,"updated_at":"2019-08-30T11:21:49.005+02:00","recording_url":"https://cdn.media.ccc.de/events/foss4g2019/h264-hd/bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_hd.mp4","url":"https://api.media.ccc.de/public/recordings/38601","event_url":"https://api.media.ccc.de/public/events/b0001b70-6e5d-50e1-aaa4-51345e1d7a65","conference_url":"https://api.media.ccc.de/public/conferences/foss4g2019"},{"size":62,"length":1257,"mime_type":"video/mp4","language":"eng","filename":"bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_sd.mp4","state":"new","folder":"h264-sd","high_quality":false,"width":720,"height":576,"updated_at":"2019-08-30T12:59:59.272+02:00","recording_url":"https://cdn.media.ccc.de/events/foss4g2019/h264-sd/bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_sd.mp4","url":"https://api.media.ccc.de/public/recordings/38892","event_url":"https://api.media.ccc.de/public/events/b0001b70-6e5d-50e1-aaa4-51345e1d7a65","conference_url":"https://api.media.ccc.de/public/conferences/foss4g2019"},{"size":13,"length":1257,"mime_type":"audio/opus","language":"eng","filename":"bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_opus.opus","state":"new","folder":"opus","high_quality":false,"width":0,"height":0,"updated_at":"2019-08-30T12:59:15.813+02:00","recording_url":"https://cdn.media.ccc.de/events/foss4g2019/opus/bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_opus.opus","url":"https://api.media.ccc.de/public/recordings/38884","event_url":"https://api.media.ccc.de/public/events/b0001b70-6e5d-50e1-aaa4-51345e1d7a65","conference_url":"https://api.media.ccc.de/public/conferences/foss4g2019"},{"size":83,"length":1257,"mime_type":"video/webm","language":"eng","filename":"bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_webm-sd.webm","state":"new","folder":"webm-sd","high_quality":false,"width":720,"height":576,"updated_at":"2019-08-30T13:00:33.540+02:00","recording_url":"https://cdn.media.ccc.de/events/foss4g2019/webm-sd/bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_webm-sd.webm","url":"https://api.media.ccc.de/public/recordings/38899","event_url":"https://api.media.ccc.de/public/events/b0001b70-6e5d-50e1-aaa4-51345e1d7a65","conference_url":"https://api.media.ccc.de/public/conferences/foss4g2019"},{"size":360,"length":1257,"mime_type":"video/webm","language":"eng","filename":"bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_webm-hd.webm","state":"new","folder":"webm-hd","high_quality":true,"width":1920,"height":1080,"updated_at":"2019-08-30T13:00:24.223+02:00","recording_url":"https://cdn.media.ccc.de/events/foss4g2019/webm-hd/bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_webm-hd.webm","url":"https://api.media.ccc.de/public/recordings/38897","event_url":"https://api.media.ccc.de/public/events/b0001b70-6e5d-50e1-aaa4-51345e1d7a65","conference_url":"https://api.media.ccc.de/public/conferences/foss4g2019"},{"size":19,"length":1257,"mime_type":"audio/mpeg","language":"eng","filename":"bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_mp3.mp3","state":"new","folder":"mp3","high_quality":false,"width":0,"height":0,"updated_at":"2019-08-30T13:00:41.044+02:00","recording_url":"https://cdn.media.ccc.de/events/foss4g2019/mp3/bucharest-339-eng-How_to_make_a_crafty_Vector_Tile_map_Custom_tiles_the_perfect_sprite_animating_stuff_and_random_hot_air_balloons_mp3.mp3","url":"https://api.media.ccc.de/public/recordings/38900","event_url":"https://api.media.ccc.de/public/events/b0001b70-6e5d-50e1-aaa4-51345e1d7a65","conference_url":"https://api.media.ccc.de/public/conferences/foss4g2019"}]}