Maplibre

A tool for generating XYZ tiles from IIIF Georeference Extension JSON and displaying them with MapLibre GL JS. Repository: https://github.com/nakamura196/iiif-georef-tiles GitHub Pages: https://nakamura196.github.io/iiif-georef-tiles/ Requirements Python 3.x GDAL (gdal_translate, gdalwarp, gdal2tiles.py) Installing GDAL # b # s r u m e U d a w b o c u O i n a S n t p s u t ( t / H a D i o l e n m l b s e i t b g a a r d n l e a l w l ) g d a l - b i n p y t h o n 3 - g d a l Usage p y t h o n 3 s c r i p t s / i i i f _ g e o r e f _ t o _ t i l e s . p y < I I I F _ G E O R E F _ J S O N _ U R L > Example p y t h o n 3 s c r i p t s / i i i f _ g e o r e f _ t o _ t i l e s . p y h t t p s : / / n a k a m u r a 1 9 6 . g i t h u b . i o / i i i f _ g e o / c a n v a s . j s o n Options Option Default Description --scale 0.25 Image scale factor --zoom 14-18 Tile zoom level range --output-dir docs Output directory --name tiles Tile folder name --work-dir work Working directory --keep-work - Do not delete working files Processing Flow I ┌ │ │ └ ┌ │ │ └ ┌ │ │ └ ┌ │ │ │ └ ┌ │ │ └ ┌ │ │ │ └ I ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ I ─ 1 ─ ─ 2 ─ ─ 3 ─ ─ 4 ─ ─ 5 ─ ─ 6 ─ F ─ . ─ ─ . ─ ─ . ─ ─ . ─ ─ . ─ ─ . ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ G ─ F ( ─ ─ D ( ─ ─ E ( ─ ─ C t ( ─ ─ G ( ─ ─ G v ( ─ e ─ e f ─ ─ o I ─ ─ m g ─ ─ o r g ─ ─ e g ─ ─ e i M ─ o ─ t e ─ ─ w I ─ ─ b d ─ ─ o a d ─ ─ n d ─ ─ n e a ─ r │ ▼ ─ c t ─ │ ▼ ─ n I ─ │ ▼ ─ e a ─ │ ▼ ─ r n a ─ │ ▼ ─ e a ─ │ ▼ ─ e w p ─ e ─ h c ─ ─ l F ─ ─ d l ─ ─ d s l ─ ─ r l ─ ─ r e L ─ f ─ h ─ ─ o ─ ─ _ ─ ─ i f w ─ ─ a 2 ─ ─ a r i ─ e ─ J ─ ─ a I ─ ─ G t ─ ─ n o a ─ ─ t t ─ ─ t b ─ r ─ S f ─ ─ d m ─ ─ C r ─ ─ a r r ─ ─ e i ─ ─ e r ─ e ─ O r ─ ─ a ─ ─ P a ─ ─ t m p ─ ─ l ─ ─ e ─ n ─ N o ─ ─ i g ─ ─ s n ─ ─ e a ) ─ ─ t e ─ ─ H ─ c ─ m ─ ─ m e ─ ─ s ─ ─ t ─ ─ i s ─ ─ T G ─ e ─ ─ ─ a ─ ─ l ─ ─ i ─ ─ l . ─ ─ M L ─ ─ U ─ ─ g A ─ ─ a ─ ─ o ─ ─ e p ─ ─ L ─ J ─ R ─ ─ e P ─ ─ t ─ ─ n ─ ─ s y ─ ─ J ─ S ─ L ─ ─ I ─ ─ e ─ ─ ─ ─ ) ─ ─ S ─ O ─ ) ─ ─ ) ─ ─ ) ─ ─ ─ ─ ─ ─ ) ─ N ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐ │ │ ┘ ┐ │ │ ┘ ┐ │ │ ┘ ┐ │ │ │ ┘ ┐ │ │ ┘ ┐ │ │ │ ┘ Conversion Results Original image After georeferencing Output Files d ├ ├ └ o ─ ─ ─ c ─ ─ ─ s / i s t ├ ├ ├ ├ └ n o i ─ ─ ─ ─ ─ d u l ─ ─ ─ ─ ─ e r e x c s 1 1 1 1 1 . e 4 5 6 7 8 h . / / / / / t j m s l o n # # # M O X a r Y p i Z L g i i t b n i r a l e l e s G I L I I J F S G v e i o e r w e e f r e r e n c e J S O N Local Preview c # d O d p o e c n s h & t & t p p : y / t / h l o o n c 3 a l - h m o s h t t : t 8 p 0 . 0 s 0 e / r v e r 8 0 0 0 IIIF Georeference Extension The IIIF Georeference Extension is an extension specification for adding georeference information to IIIF images. ...

This article was created by AI with human additions. Overview We migrated the map component of the IIIF Georeference Viewer from Leaflet to MapLibre GL and implemented multiple feature improvements. This article explains the major features implemented and their technical details. https://nakamura196.github.io/iiif_geo/ Major Improvements 1. Automatic Image Rotation To display IIIF images in the correct orientation on the map, we implemented a feature that automatically calculates the rotation angle from control points (corresponding points). ...

Overview I added a route registration feature to the “Rekichizu x Next.js” site. Below is a display example. References The “Rekichizu x Next.js” site is introduced in the following article. As a precedent for displaying routes using “Rekichizu”, the following example exists. https://codh.rois.ac.jp/edomi/route/ This time, I added a route creation feature based on the above example. Usage Access the site. https://rekichizu-next.vercel.app/ja/ Click “Manage My Routes”. Login is required, so log in using the button in the upper right. ...

Overview I looked into how to use Rekichizu (historical maps) with Next.js, so here are my notes. Background In the following article, I introduced how to use “Rekichizu.” Then, I learned that the “nationwide version was released” on April 4, 2025. https://rekichizu.jp/ So I investigated how to integrate it into an application built with Next.js. Demo App I prototyped the following application. https://rekichizu-next.vercel.app/ja/ For the investigation, I aimed to reproduce features such as map switching, overlay, and search functionality provided on the official site. For this implementation, I used the following React library. ...