🖥UNVT with Leaflet

[albertkun]

Hello everyone! I'm a web map developer from UCLA and would like to support the usage of Leaflet with the UN Vector Tile Toolkit. I would also like to get involved with UN Smart Maps and any way possible. Looking forward to working together!

こんにちは！カリフォルニア大学ロスアンゼルスのウエブマップデベロッパーなので、Leaflet.js でUNVT使いたいです。それに、UN　Smart Maps色々なと参加したいです。よろしくお願いいたします。

[hfu]

Welcome, @albertkun! Nice to see you here.

[hfu]

From April, we are going to improve internal communication within the WG, especially with contributors outside Japan. (Our major challenges are 1. time difference and 2. natural language.)

How would you like to communicate with us in the WG? Would you like to meet us in an online meeting, or do we communicate asynchronously within GitHub or other online platform? I appreciate your input!

Thanks!

[albertkun]

@hfu thank you for the welcome! I am happy to accommodate the WG where I can with regards to both the time difference and language! (I can speak Japanese to a moderate degree, but more informal than technical)

I think it would be great to meet in an online meeting! For more development related tasks, like pull requests and issues, asynchronous would probably be better. I'm usually free in the mornings JST to the afternoon.

[yuiseki]

@albertkun Welcome to UN Open GIS DWG-7!
I am a participant in the Objective-7 "Smart Maps Core" and am trying to improve the OSS for smart maps.

Let me ask you a few questions.

• Are you trying to improve existing Leaflet.js based software?
• If you want to develop a new software instead of improving an existing software based on Leaflet.js, have you tried maplibre-gl-js?
  • Vector tile maps are strongly supported by mapbox-gl-js or maplibre-gl-js, so we recommend that you consider using these libraries first
• On the other hand, Leaflet.js has a wealth of plug-ins and is certainly worthwhile. Therefore, it would be desirable to understand, document, and utilize Leaflet.VectorGrid .
• We would love to hear more about your situation and wants!

[albertkun]

@yuiseki Thank you for the welcome and reply!

To respond to your questions:

• Yes, I would like to improve Leaflet.js based software or at least build a working demo of UNVT with Leaflet.js
• Yes, I have tried maplibre-gl-js (back when it was mapbox.gl)!
• Correct, I would like to incorporate UNVT more into Leaflet.VectorGrid or other plug-ins!

Feel free to let me know if you have any questions or comments! Thank you!

[yuiseki]

@albertkun Thanks for the quick response!
I understand your situation!

I have some experience with Leaflet.js, but that is with respect to raster tile maps, and my experience with vector tile maps in Leaflet.js is still limited, so I'm going to give it a try myself.
I'd love to hear about more specific technical challenges you're up against.
Let's face those challenges together!

[ubukawa]

Warm greetings and welcome @albertkun !
I am looking forward to share our experiences in near future.

I mainly use maplibre gl js, but I am also interested in using vector tile and its style in the libraries other than maplibre gl js or mapbox gl js.
This is because an other group of the UN Open GIS is trying to use GeoNode and it cannot use vector tiles with its style (based on mapbox/maplibre style specificaion) now.
Although I think GeoNode is based on openlayers, not leaflet, I think it is good to learn how other library can use vector tile by importing a style based on maplibre/mapbox.
(This will be their mid-long term work items, I think)

[hfu]

@albertkun Thanks for your response. Sorry for a delayed response. I was off in my hometown Nagasaki till yesterday.

I am updating the UN Open GIS Initiative on behalf or this DWG 7 using https://hackmd.io/@hfu/dwg7-2023-03#/. I included the idea of monthly international meetup on https://hackmd.io/@hfu/dwg7-2023-03#/11. Let's continue discussion here about the detail of the meetup.

We will have more time in April, after my colleages and friends in Japan crosses fiscal-year boundary on 2023-04-01 ;-)

[albertkun]

@hfu No problem, thank you for your reply! I hope you had a great time in your hometown!

Ok, I think that sounds good regarding a monthly international meetup! I noticed that the idea of a time that works for both California and India was mentioned! I'm happy to meet at 9pm Pacific Standard Time (which would be 9:30am India Standard Time).

Looking forward to continuing the discussion in April!

[albertkun]

@ubukawa Thank you for the welcome!

I did see something in the meeting today about GeoNode, but yeah, I am much more familiar with Leaflet than the OpenLayers/GeoNode. Though, I think that same group is working with the ESRI platform, which ESRI-Leaflet might be a good alternative, especially since there is Vector Tile Support out of the box https://developers.arcgis.com/esri-leaflet/layers/add-a-vector-tile-layer/.

[hfu]

@albertkun Thanks for suggesting the time. Let's continue on #92 regarding the meetup. Thanks.

[hfu]

I recently found https://github.com/protomaps/protomaps-leaflet.

This is a nice way to render PMTiles-based vector tiles on Leaflet. With protomaps vector tiles, rendering is incredibly beautiful!: https://protomaps.github.io/protomaps-leaflet/examples/leaflet.html#11/35.7007/139.6199

On the other hand, according to https://docs.protomaps.com/pmtiles/leaflet#custom-vector-data,

If you're bringing your own data created with a tool like tippecanoe, you'll need to write your own Paint Rules and Label Rules to visualize your tiles.

[albertkun]

oooo, i want to make a tutorial using this!