COSCUP x RubyConf TW 2021

使用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