{"guid":"9f6c1315-0754-5346-8fc4-7b5f2b97b66e","title":"A new map renderer for OSM? Rasters, vectors, language and internationalization","subtitle":null,"slug":"sotm2021-9969-a-new-map-renderer-for-osm-rasters-vectors-language-and-internationalization","link":"https://2021.stateofthemap.org/sessions/JGF9WA/","description":"I explore the spectrum of web map rendering techniques between raster and vector, and outline new approaches towards making universal map applications with OSM.\n\nOSM's mission is to create a free, global dataset of geodata for diverse applications. A mainstream OSM use case is **web cartography**: the graphical display of geographic features on the standardized browser platform. Cartographers want to make beautiful, labeled, multi-resolution maps; maps need to be loaded progressively for a smooth user experience. \n\nThe web map status quo centers around two distinct approaches. One approach, used by the OSM Carto project, is server-rendered raster map tiles displayed as images in the browser. Another approach is to use a WebGL framework that consumes tiles of vector features. In the first part of this talk, I will investigate the tradeoffs inherent in these approaches with regards to **multilingual text and internationalization**, as these pose limitations for localizing OSM applications to different languages and cultures. \n\nThe second part of this talk will introduce new techniques and libraries for rendering OSM data that are a compromise between the raster and vector map ecosystems. I'll demonstrate some of these ideas in protomaps.js, a new Canvas2D and Leaflet-based open source map rendering library.","original_language":"eng","persons":["Brandon Liu"],"tags":["sotm2021","9969","2021","Cartography","OSM","OpenStreetMap"],"view_count":55,"promoted":false,"date":"2021-07-11T18:30:00.000+02:00","release_date":"2021-10-30T00:00:00.000+02:00","updated_at":"2025-07-09T11:00:06.931+02:00","length":1574,"duration":1574,"thumb_url":"https://static.media.ccc.de/media/events/sotm/2021/9969-9f6c1315-0754-5346-8fc4-7b5f2b97b66e.jpg","poster_url":"https://static.media.ccc.de/media/events/sotm/2021/9969-9f6c1315-0754-5346-8fc4-7b5f2b97b66e_preview.jpg","timeline_url":"https://static.media.ccc.de/media/events/sotm/2021/9969-9f6c1315-0754-5346-8fc4-7b5f2b97b66e.timeline.jpg","thumbnails_url":"https://static.media.ccc.de/media/events/sotm/2021/9969-9f6c1315-0754-5346-8fc4-7b5f2b97b66e.thumbnails.vtt","frontend_link":"https://media.ccc.de/v/sotm2021-9969-a-new-map-renderer-for-osm-rasters-vectors-language-and-internationalization","url":"https://api.media.ccc.de/public/events/9f6c1315-0754-5346-8fc4-7b5f2b97b66e","conference_title":"State of the Map 2021","conference_url":"https://api.media.ccc.de/public/conferences/sotm2021","related":[],"recordings":[{"size":132,"length":1574,"mime_type":"video/webm","language":"eng","filename":"sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_webm-hd.webm","state":"new","folder":"webm-hd","high_quality":true,"width":1920,"height":1080,"updated_at":"2021-10-31T01:29:38.850+02:00","recording_url":"https://cdn.media.ccc.de/events/sotm/2021/webm-hd/sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_webm-hd.webm","url":"https://api.media.ccc.de/public/recordings/55473","event_url":"https://api.media.ccc.de/public/events/9f6c1315-0754-5346-8fc4-7b5f2b97b66e","conference_url":"https://api.media.ccc.de/public/conferences/sotm2021"},{"size":24,"length":1574,"mime_type":"audio/mpeg","language":"eng","filename":"sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_mp3.mp3","state":"new","folder":"mp3","high_quality":false,"width":0,"height":0,"updated_at":"2021-10-31T00:57:34.827+02:00","recording_url":"https://cdn.media.ccc.de/events/sotm/2021/mp3/sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_mp3.mp3","url":"https://api.media.ccc.de/public/recordings/55472","event_url":"https://api.media.ccc.de/public/events/9f6c1315-0754-5346-8fc4-7b5f2b97b66e","conference_url":"https://api.media.ccc.de/public/conferences/sotm2021"},{"size":62,"length":1574,"mime_type":"video/webm","language":"eng","filename":"sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_webm-sd.webm","state":"new","folder":"webm-sd","high_quality":false,"width":720,"height":576,"updated_at":"2021-10-31T00:41:35.492+02:00","recording_url":"https://cdn.media.ccc.de/events/sotm/2021/webm-sd/sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_webm-sd.webm","url":"https://api.media.ccc.de/public/recordings/55470","event_url":"https://api.media.ccc.de/public/events/9f6c1315-0754-5346-8fc4-7b5f2b97b66e","conference_url":"https://api.media.ccc.de/public/conferences/sotm2021"},{"size":49,"length":1574,"mime_type":"video/mp4","language":"eng","filename":"sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_sd.mp4","state":"new","folder":"h264-sd","high_quality":false,"width":720,"height":576,"updated_at":"2021-10-31T00:21:35.919+02:00","recording_url":"https://cdn.media.ccc.de/events/sotm/2021/h264-sd/sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_sd.mp4","url":"https://api.media.ccc.de/public/recordings/55469","event_url":"https://api.media.ccc.de/public/events/9f6c1315-0754-5346-8fc4-7b5f2b97b66e","conference_url":"https://api.media.ccc.de/public/conferences/sotm2021"},{"size":132,"length":1574,"mime_type":"video/mp4","language":"eng","filename":"sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_hd.mp4","state":"new","folder":"h264-hd","high_quality":true,"width":1920,"height":1080,"updated_at":"2021-10-30T22:39:55.166+02:00","recording_url":"https://cdn.media.ccc.de/events/sotm/2021/h264-hd/sotm2021-9969-eng-A_new_map_renderer_for_OSM_Rasters_vectors_language_and_internationalization_hd.mp4","url":"https://api.media.ccc.de/public/recordings/55454","event_url":"https://api.media.ccc.de/public/events/9f6c1315-0754-5346-8fc4-7b5f2b97b66e","conference_url":"https://api.media.ccc.de/public/conferences/sotm2021"}]}