COSCUP x RubyConf TW 2021

Your locale preferences have been saved. We like to think that we have excellent support for English in pretalx, but if you encounter issues or errors, please contact us!

使用ProtomapsJS開發地圖
07-31, 11:05–11:25 (Asia/Taipei), TR412-2
Language: English


Translate Title

Developing web maps with ProtomapsJS

Abstract

ProtomapsJS是一個全新地圖框架,讓開發者使用Canvas,TypeScript開發互動地圖。ProtomapsJS是開源軟體(http://github.com/protomaps/protomaps.js)也跟LeafletJS相容。ProtomapsJS資料來源是OpenStreetMap向量Tile。

我會介紹如使用ProtomapsJS開發地圖,包括:
* 如何開發雙語地圖:正體漢字標示,當地語言,羅馬字,等等
* 漢字(CJK)特別功能
* 怎麼用Unihan異體字

Talk Length

20

您是否知悉並同意如採遠端形式分享,需提供預錄影片(您需同意大會才能接受您的稿件) – yes Target audience

Web開發者

Difficulty

進階

講者所屬社群

OpenStreetMap Taiwan

other info

English Abstract

ProtomapsJS is a new map renderer based on web technologies such as Canvas and TypeScript. ProtomapsJS is open source at http://github.com/protomaps/protomaps.js and can be used with the Leaflet map library. It is designed to be used with OpenStreetMap-based vector tiles as a data source.

I will give an overview of how to develop custom maps with ProtomapsJS, with a focus on these applications:
* Making multilingual maps with Traditional Chinese as well as other languages and romanization
* Features for rendering CJK map labels
* Implementation of Unihan glyph variants

slido url

https://app.sli.do/event/pghwvumk

hackmd url

https://hackmd.io/@coscup/BJl_ETwA_/%2F%40coscup%2FBy-rNavAu