@maplat/ui 0.10.6 → 0.11.0

package/README.md

@@ -1,91 +1,128 @@
-![Maplat Logo](https://code4history.github.io/Maplat/page_imgs/maplat.png)
-![Maplat Catch Phrase](https://code4history.github.io/Maplat/page_imgs/homeomorphic.png)
-
-# 新聞記事を見て来られた方へ
-見てみたい内容で以下の遷移先へどうぞ！
-* 奈良の古地図アプリを見てみたい方は、[ぷらっと奈良](https://s.maplat.jp/r/naramap/)へ
-* Maplat技術の特徴を知りたい方は、[技術紹介pdf](https://code4history.github.io/maplat_flyer_ja.pdf)へ
-* Maplatライブラリの使い方を知りたい方は、[Qiitaの記事群](https://qiita.com/tags/maplat)へ
-* 開発元であるCode for Historyの活動を知りたい方は、[Code for Historyのページ](https://code4history.github.io/index_ja.html)へ
-
-Maplat is the cool Historical Map/Illustrated Map Viewer.  
-It can transform each map coordinates with nonlinear but homeomorphic projection and makes possible that the maps can collaborate with GPS/accurate maps, without distorting original maps.  
-Data editor of this solution is provided as another project, [MaplatEditor](https://github.com/code4history/MaplatEditor/).  
-This project won Grand Prize / Educational Effectiveness Prize / Visitors Selection Prize on Geo-Activity Contest 2018 held by Ministry of Land, Infrastructure, Transport and Tourism.
-
-Maplatは古地図/絵地図を歪める事なくGPSや正確な地図と連携させられるオープンソースプラットフォームです。  
-他のソリューションにない特徴として、各地図の座標変換において非線形かつ同相な投影変換が定義可能という点が挙げられます。  
-このプロジェクトは国土交通省主催の2018年ジオアクティビティコンテストにおいて、最優秀賞、教育効果賞、来場者賞をいただきました。
-
-# Introduction slide (In English, ICC Tokyo 2019)
-<a href="https://www.slideshare.net/kokogiko/maplat-historical-map-viewer-technology-that-guarantees-nonlinear-bijective-conversion-without-distortion">![Introduction of Maplat](https://code4history.github.io/Maplat/page_imgs/maplat_slide.png)</a>
-
-# <a href="https://www.slideshare.net/kokogiko/maplat-historical-viewer-technology-that-guarantees-nonlinear-bijective-conversion-without-distortion">ICC Tokyo 2019 paper</a>
-
-# Introduction slide (In Japanese, FOSS4G Tokyo 2017)
-<a href="https://www.slideshare.net/kokogiko/maplat">![Introduction of Maplat](https://code4history.github.io/Maplat/page_imgs/maplat_slide.png)</a>
-
-# Data Editor
-Please use [MaplatEditor](https://github.com/code4history/MaplatEditor/) for data creation.
-
-データの作成には[MaplatEditor](https://github.com/code4history/MaplatEditor/)を利用してください。
-
-# Latest result
-Latest result is shown below:
-* https://s.maplat.jp/r/naramap/ (Maplat Nara)
-* https://s.maplat.jp/r/aizumap/ (Maplat Aizuwakamatsu)
-* https://s.maplat.jp/r/iwakimap/ (Maplat Iwaki)
-* https://s.maplat.jp/r/tatebayashimap/ (Maplat Tatebayashi)
-* https://s.maplat.jp/r/chuokumap/ (Maplat Tokyo Chuo-ku)
-* https://s.maplat.jp/r/uedamap/ (Ueda city)
-* https://s.maplat.jp/r/moriokamap/ (Morioka city)
-* https://s.maplat.jp/r/sabaemap/ (Sabae city)
-* https://s.maplat.jp/r/nobeokamap/ (Nobeoka city)
-
-Documentation is undergoing.
-
-最新の成果物は以下で確認できます。
-* https://s.maplat.jp/r/naramap/ (ぷらっと奈良)
-* https://s.maplat.jp/r/aizumap/ (ぷらっと会津若松)
-* https://s.maplat.jp/r/iwakimap/ (ぷらっといわき)
-* https://s.maplat.jp/r/tatebayashimap/ (ぷらっと館林)
-* https://s.maplat.jp/r/chuokumap/ (ぷらっと東京中央区)
-* https://s.maplat.jp/r/uedamap/ (上田市版)
-* https://s.maplat.jp/r/moriokamap/ (盛岡市版)
-* https://s.maplat.jp/r/sabaemap/ (鯖江市版)
-* https://s.maplat.jp/r/nobeokamap/ (延岡市版)
-
-成果物を他人がコンテンツ作れる形でまとめられていないですが、おいおい整理します。
-
-# Collaboration demo with Jizo project
-Code 4 NaraからUrban data challenge 2016に応募中のMaplatと[地蔵プロジェクト](https://github.com/code4history/JizoProject/wiki)をコラボレーションさせたデモを作りました。
-* https://s.maplat.jp/r/narajizomap/
-
-## Contributors
-
-This project exists thanks to all the people who contribute. <!--[[Contribute](CONTRIBUTING.md)].-->
-<a href="https://github.com/code4history/Maplat/graphs/contributors"><img src="https://opencollective.com/maplat/contributors.svg?width=890&button=false" /></a>
-
-
-## Backers
-
-Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/maplat#backer)]
-
-<a href="https://opencollective.com/maplat#backers" target="_blank"><img src="https://opencollective.com/maplat/backers.svg?width=890"></a>
-
-
-## Sponsors
-Maplat is supported by 
-<a href="https://www.jetbrains.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/jetbrains-variant-4.png" width="150"></a>
-<a href="https://www.locazing.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/locazing.png" width="150"></a>
-<a href="https://www.thedesignium.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/logo_TheDesignium.png" width="150"></a>
-<a href="https://www.browserstack.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/browserstack-logo-600x315.png" width="150"></a>
-<a href="https://zender.co.jp/" target="_blank"><img src="https://code4history.github.io/Maplat/img/Zender_logo_y_color.png" width="150"></a>
-<a href="https://www.webimpact.co.jp/" target="_blank"><img src="https://code4history.github.io/Maplat/img/webimpact.jpg" width="150"></a>
-
-Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/maplat#sponsor)]
-
-
-
-
-
+![Maplat Logo](https://code4history.github.io/Maplat/page_imgs/maplat.png)
+
+# 新聞記事を見て来られた方へ
+見てみたい内容で以下の遷移先へどうぞ！
+* 奈良の古地図アプリを見てみたい方は、[ぷらっと奈良](https://s.maplat.jp/r/naramap/)へ
+* Maplat技術の特徴を知りたい方は、[技術紹介pdf](https://code4history.github.io/maplat_flyer_ja.pdf)へ
+* Maplatライブラリの使い方を知りたい方は、[Qiitaの記事群](https://qiita.com/tags/maplat)へ
+* 開発元であるCode for Historyの活動を知りたい方は、[Code for Historyのページ](https://code4history.github.io/index_ja.html)へ
+
+Maplat is the cool Historical Map/Illustrated Map Viewer.  
+It can transform each map coordinates with nonlinear but homeomorphic projection and makes possible that the maps can collaborate with GPS/accurate maps, without distorting original maps.  
+Data editor of this solution is provided as another project, [MaplatEditor](https://github.com/code4history/MaplatEditor/).  
+This project won Grand Prize / Educational Effectiveness Prize / Visitors Selection Prize on Geo-Activity Contest 2018 held by Ministry of Land, Infrastructure, Transport and Tourism.
+
+Maplatは古地図/絵地図を歪める事なくGPSや正確な地図と連携させられるオープンソースプラットフォームです。  
+他のソリューションにない特徴として、各地図の座標変換において非線形かつ同相な投影変換が定義可能という点が挙げられます。  
+このプロジェクトは国土交通省主催の2018年ジオアクティビティコンテストにおいて、最優秀賞、教育効果賞、来場者賞をいただきました。
+
+# Introduction slide (In English, ICC Tokyo 2019)
+<a href="https://www.slideshare.net/kokogiko/maplat-historical-map-viewer-technology-that-guarantees-nonlinear-bijective-conversion-without-distortion">![Introduction of Maplat](https://code4history.github.io/Maplat/page_imgs/maplat_slide.png)</a>
+
+# <a href="https://www.slideshare.net/kokogiko/maplat-historical-viewer-technology-that-guarantees-nonlinear-bijective-conversion-without-distortion">ICC Tokyo 2019 paper</a>
+
+# Introduction slide (In Japanese, FOSS4G Tokyo 2017)
+<a href="https://www.slideshare.net/kokogiko/maplat">![Introduction of Maplat](https://code4history.github.io/Maplat/page_imgs/maplat_slide.png)</a>
+
+# Data Editor
+Please use [MaplatEditor](https://github.com/code4history/MaplatEditor/) for data creation.
+
+データの作成には[MaplatEditor](https://github.com/code4history/MaplatEditor/)を利用してください。
+
+# Development
+
+## Prerequisites
+- Node.js 20 or 22
+- pnpm 9.0.0 or higher
+
+## Build Commands
+
+This project supports separate builds for the npm package and the demo application:
+
+### Development
+```bash
+pnpm dev          # Start development server with hot reload
+```
+The dev server will be accessible at `http://localhost:5173/`
+
+### Building
+
+```bash
+pnpm build              # Build the npm package (output: dist/)
+pnpm build:demo         # Build the demo app (output: dist-demo/)
+```
+
+**Build outputs:**
+- **`dist/`** - npm package files (ES/UMD modules, TypeScript definitions, locales)
+- **`dist-demo/`** - Demo application for GitHub Pages deployment
+
+### Testing & Quality
+```bash
+pnpm test         # Run tests
+pnpm typecheck    # Run TypeScript type checking
+pnpm lint         # Run linter and formatter
+```
+
+## CI/CD
+The project uses GitHub Actions for automated testing:
+- **All branches**: Runs tests, linting, type checking, and builds on Node 20 & 22
+
+# Latest result
+Latest result is shown below:
+* https://s.maplat.jp/r/naramap/ (Maplat Nara)
+* https://s.maplat.jp/r/aizumap/ (Maplat Aizuwakamatsu)
+* https://s.maplat.jp/r/iwakimap/ (Maplat Iwaki)
+* https://s.maplat.jp/r/tatebayashimap/ (Maplat Tatebayashi)
+* https://s.maplat.jp/r/chuokumap/ (Maplat Tokyo Chuo-ku)
+* https://s.maplat.jp/r/uedamap/ (Ueda city)
+* https://s.maplat.jp/r/moriokamap/ (Morioka city)
+* https://s.maplat.jp/r/sabaemap/ (Sabae city)
+* https://s.maplat.jp/r/nobeokamap/ (Nobeoka city)
+
+Documentation is undergoing.
+
+最新の成果物は以下で確認できます。
+* https://s.maplat.jp/r/naramap/ (ぷらっと奈良)
+* https://s.maplat.jp/r/aizumap/ (ぷらっと会津若松)
+* https://s.maplat.jp/r/iwakimap/ (ぷらっといわき)
+* https://s.maplat.jp/r/tatebayashimap/ (ぷらっと館林)
+* https://s.maplat.jp/r/chuokumap/ (ぷらっと東京中央区)
+* https://s.maplat.jp/r/uedamap/ (上田市版)
+* https://s.maplat.jp/r/moriokamap/ (盛岡市版)
+* https://s.maplat.jp/r/sabaemap/ (鯖江市版)
+* https://s.maplat.jp/r/nobeokamap/ (延岡市版)
+
+成果物を他人がコンテンツ作れる形でまとめられていないですが、おいおい整理します。
+
+# Collaboration demo with Jizo project
+Code 4 NaraからUrban data challenge 2016に応募中のMaplatと[地蔵プロジェクト](https://github.com/code4history/JizoProject/wiki)をコラボレーションさせたデモを作りました。
+* https://s.maplat.jp/r/narajizomap/
+
+## Contributors
+
+This project exists thanks to all the people who contribute. <!--[[Contribute](CONTRIBUTING.md)].-->
+<a href="https://github.com/code4history/Maplat/graphs/contributors"><img src="https://opencollective.com/maplat/contributors.svg?width=890&button=false" /></a>
+
+
+## Backers
+
+Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/maplat#backer)]
+
+<a href="https://opencollective.com/maplat#backers" target="_blank"><img src="https://opencollective.com/maplat/backers.svg?width=890"></a>
+
+
+## Sponsors
+Maplat is supported by 
+<a href="https://www.jetbrains.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/jetbrains-variant-4.png" width="150"></a>
+<a href="https://www.locazing.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/locazing.png" width="150"></a>
+<a href="https://www.thedesignium.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/logo_TheDesignium.png" width="150"></a>
+<a href="https://www.browserstack.com/" target="_blank"><img src="https://code4history.github.io/Maplat/img/browserstack-logo-600x315.png" width="150"></a>
+<a href="https://zender.co.jp/" target="_blank"><img src="https://code4history.github.io/Maplat/img/Zender_logo_y_color.png" width="150"></a>
+<a href="https://www.webimpact.co.jp/" target="_blank"><img src="https://code4history.github.io/Maplat/img/webimpact.jpg" width="150"></a>
+
+Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/maplat#sponsor)]
+
+
+
+
+

package/assets/locales/de/translation.json

@@ -0,0 +1,71 @@
+{
+    "control": {
+        "compass": "Rotation zurücksetzen",
+        "info": "Karteninformationen anzeigen",
+        "zoom": "Kartenzoom ändern",
+        "gps": "GPS-Position erfassen",
+        "home": "Zur Startposition",
+        "help": "Hilfe anzeigen",
+        "trans": "Karten-Transparenz ändern",
+        "share": "Teilen",
+        "hide_marker": "Marker ausblenden",
+        "marker_list": "Markerliste",
+        "border": "Kartenrand anzeigen"
+    },
+    "html": {
+        "close": "Schließen",
+        "app_loading_body": "Anwendung wird geladen...",
+        "acquiring_gps": "GPS wird erfasst",
+        "author": "Autor",
+        "createdAt": "Erstellungsdatum",
+        "era": "Zeitraum",
+        "contributor": "Beitragender",
+        "mapper": "Kartograph",
+        "license": "Kartenlizenz",
+        "dataLicense": "Datenlizenz",
+        "attr": "Kartenurheberrecht",
+        "dataAttr": "Datenurheberrecht",
+        "reference": "Quelle",
+        "description": "Beschreibung",
+        "cache_handle": "Kartencache-Größe",
+        "cache_delete": "Cache löschen",
+        "cache_fetch": "Massen-Download",
+        "cache_cancel": "Download abbrechen",
+        "cache_processing": "Verarbeitung...",
+        "help_title": "Maplat Hilfe",
+        "help_using_maplat": "Diese Website wurde mit dem Open-Source-Karten- und historischen Kartenbetrachter <a href='https://www.maplat.jp/' target='_blank'>Maplat</a> erstellt.",
+        "help_operation_title": "Bedienung der Karte",
+        "help_operation_content": "Die Karte kann auf einem PC durch Ziehen mit der Maus, auf einem Smartphone durch Wischen verschoben werden.<br>Die Vergrößerung der Karte erfolgt auf dem PC mit den Schaltflächen <img src='${plus.png}'> <img src='${minus.png}'> oben links oder auf dem Smartphone durch Ein- und Auszoomen mit zwei Fingern.<br>Auf dem Smartphone können Sie die Karte durch Drehen mit zwei Fingern rotieren.<br>Mit der <img src='${home.png}'>-Taste oben links kehren Sie zur Startposition der Karte zurück.<br>Der Kompass auf der <img src='${compass.png}'>-Taste zeigt die aktuelle Nordrichtung an und durch Drücken dieser Taste kann die Kartenrotation auf die normale Position zurückgesetzt werden.<br>Während des Kartenverschiebens verschwinden die Schaltflächen, um die gesamte Karte anzuzeigen. Um die ausgeblendeten Schaltflächen wieder einzublenden, warten Sie bitte einen Moment oder klicken/tippen Sie einmal auf den Bildschirm.",
+        "help_selection_title": "Kartenwechsel",
+        "help_selection_content": "In der unteren linken und unteren rechten Ecke des Bildschirms werden zwei Schieberegler mit Thumbnails wie <Img src='${overlay.png}'> angezeigt, mit denen Sie die anzuzeigende Karte auswählen können.<br>Schieben Sie den Regler, um die gewünschte Karte auszuwählen, und klicken Sie auf das Thumbnail, dann wechselt die Karte.<br>Der Kartenregler unten links dient zur Auswahl von Basiskarten (genaue Karten), der Regler unten rechts zur Auswahl von historischen oder illustrierten Karten.",
+        "help_gps_title": "Aktuelle Position auf der Karte anzeigen",
+        "help_gps_content": "Wenn Sie die <img src='${gps.png}'>-Taste drücken, wird die GPS-Funktion aktiviert und die aktuelle Position des Benutzers wird auf der Karte als <img src='${bluedot.png}'> angezeigt.<br>Wenn Sie die Taste erneut drücken, wird die GPS-Funktion deaktiviert.<br>Falls sich die aktuelle Position des Benutzers nicht auf der angezeigten Karte befindet, wird eine Meldung angezeigt und die GPS-Funktion wird automatisch deaktiviert.",
+        "help_poi_title": "Standortinformationen anzeigen",
+        "help_poi_content": "Marker wie <img src='${defaultpin.png}'> können auf der Karte angezeigt werden, an diesen Stellen sind Standortinformationen verfügbar.<br>Klicken oder tippen Sie auf den Marker, um Standortinformationen anzuzeigen.",
+        "help_etc_title": "Weitere Funktionen",
+        "help_etc_attr": "<img src='${attr.png}'>-Taste: Zeigt verschiedene Informationen (wie Ersteller, Beitragender oder Lizenz) zur aktuell angezeigten Karte an.",
+        "help_etc_help": "<img src='${help.png}'>-Taste: Zeigt diese Hilfe an.",
+        "help_share_help": "<img src='${share.png}'>-Taste: Sie können diese Anwendung auf sozialen Netzwerken usw. teilen.",
+        "help_etc_border": "<img src='${border.png}'>-Taste: Zeigt die Kartenrandlinien an.<br>Sie können die Karte auch wechseln, indem Sie innerhalb der Grenze klicken.<br>Auf einem PC wählen Sie eine Karte mit der Maus aus und wechseln sie durch einen Klick, auf einem Smartphone wählen Sie eine Karte durch einen Klick aus und wechseln sie durch einen weiteren Klick.",
+        "help_etc_hide_marker": "<img src='${hide_marker.png}'>-Taste: Blendet die Marker ein/aus.",
+        "help_etc_marker_list": "<img src='${marker_list.png}'>-Taste: Zeigt einen Bildschirm an, um das Ein-/Ausblenden für jede Markerebene anzuzeigen.",
+        "help_etc_slider": "<img src='${slider.png}'>-Schieberegler: Ändert die Transparenz der angezeigten Karte, sodass die Hintergrundkarte sichtbar wird.<br>Dies funktioniert nur bei der Anzeige von historischen oder illustrierten Karten, bei der Anzeige von Basiskarten funktioniert es nicht.",
+        "share_title": "Teilen",
+        "share_app_title": "Diese Anwendung teilen",
+        "share_state_title": "Aktuellen Standpunkt teilen",
+        "share_copy": "Kopieren",
+        "marker_list_title": "Markerliste"
+    },
+    "app": {
+        "fake_explanation": "Hinweis: Wenn das GPS-Ergebnis mehr als %2$f km von %1$s entfernt ist, wird ein Pseudo-Koordinat um %1$s ausgegeben.",
+        "acquiring_gps_desc": "GPS wird erfasst.",
+        "out_of_map": "Außerhalb der Karte",
+        "out_of_map_desc": "GPS-Ergebnis ist außerhalb der Karte. GPS-Funktion wird deaktiviert.",
+        "out_of_map_area": "Angezeigter Bereich ist außerhalb der Karte. Die Karte wird auf die Standardposition verschoben.",
+        "copy_toast": "In die Zwischenablage kopiert",
+        "gps_error": "Standortinformationen sind nicht verfügbar",
+        "user_gps_deny": "Um den aktuellen Standort anzuzeigen, aktivieren Sie bitte \"Standort verwenden\" in Ihrem Webbrowser und scannen Sie den QR-Code oder die URL erneut.",
+        "gps_miss": "System konnte den Standort nicht erfassen. Bitte versuchen Sie es an einem Ort, an dem GPS-Satellitensignale leicht empfangen werden können.",
+        "gps_timeout": "Der Standorterfassungsprozess ist zeitüberschritten. Bitte versuchen Sie es an einem Ort, an dem GPS-Satellitensignale leicht empfangen werden können."
+    }
+}

package/{locales → assets/locales}/en/translation.json

@@ -1,65 +1,71 @@
-{
-    "control": {
-        "compass": "Reset Rotation",
-        "info": "Show Map Information",
-        "zoom": "Change Map Zoom",
-        "gps": "Acquire GPS Position",
-        "home": "Go Home Position",
-        "help": "Show Help",
-        "trans": "Change Map Transparency",
-        "share": "Share",
-        "hide_marker": "Hide Markers",
-        "border": "Show Map Border"
-    },
-    "html": {
-        "close": "Close",
-        "app_loading_body": "Now loading application...",
-        "acquiring_gps": "Acquiring GPS",
-        "author": "Author",
-        "createdAt": "Created at",
-        "era": "Era",
-        "contributor": "Contributor",
-        "mapper": "Mapper",
-        "license": "Map license",
-        "dataLicense": "Data license",
-        "attr": "Map attribution",
-        "dataAttr": "Data attribution",
-        "reference": "Reference",
-        "description": "Description",
-        "cache_handle": "Size of map cache",
-        "cache_delete": "Clear cache",
-        "cache_fetch": "Bulk download",
-        "cache_cancel": "Cancel download",
-        "cache_processing": "Processing...",
-        "help_title": "Maplat Help",
-        "help_using_maplat": "This site is built with open source historical map viewer <a href='https://github.com/code4history/Maplat/wiki' target='_blank'>Maplat</a>.",
-        "help_operation_title": "How to operate the map",
-        "help_operation_content": "Move the map by dragging the mouse in case of PC, swiping action with finger in case of smartphone.<br>Scaling the map can be done with the upper left <img src='${plus.png}'> <img src='${minus.png}'> buttons in case of PC, with pinch in/out actions with two fingers in case of smartphone.<br>On smartphone, you can rotate the map by twisting with two fingers.<br>By Using the <img src='${home.png}'> button at the upper left, you can move to the home position of the map being displayed.<br>The compass displayed on <img src='${compass.png}'> button indicates the current north direction, and by pressing this button, the rotation state of the map can be returned to the normal position.",
-        "help_selection_title": "How to change the map",
-        "help_selection_content": "The two sliders with thumbnail like <Img src='${overlay.png}'> are displayed in the lower left and the lower right of the screen, you can select the map to display with them.<br> Slide the slider to select the map you want, and click the thumbnail, then the map changed.<br>The lower left map slider is to choose base maps (accurate maps), the lower right map slider is to choose historical/illustrated maps.",
-        "help_gps_title": "Showing current position on the map",
-        "help_gps_content": "When you press the <img src='${gps.png}'> button, the GPS function turns on and the user's current location is displayed on the map as <img src='${bluedot.png}'>. <br>If you press the button again, the GPS function turns off. <br>If the user's current location is not on the map being displayed, a message will be displayed and the GPS function will be turned off automatically.",
-        "help_poi_title": "Showing spot information",
-        "help_poi_content": "Pins such as <img src='${defaultpin.png}'> may be displayed on the map, these are where the spot information are provided. <br>Click or tap the pin to display spot information.",
-        "help_etc_title": "Others",
-        "help_etc_attr": "<img src='${attr.png}'> Button: Various information (such as creator, contributor or license, etc.) of the currently displayed map are displayed.",
-        "help_etc_help": "<img src='${help.png}'> Button: Showing this help.",
-        "help_share_help": "<img src='${share.png}'> Button: You can share this application to SNS etc.",
-        "help_etc_border": "<img src='${border.png}'> Button: Showing map border lines.<br>You can also switch the map by clicking inside the boundary. <br> On a PC, select a map with a mouse over and switch the map with a click, on a smartphone, select a map with a click and switch the map with one more click.",
-        "help_etc_hide_marker": "<img src='${hide_marker.png}'> Button: Toggles the display / hide of markers.<br>When you press and hold the button, a screen to display / hide for each marker layer is displayed.",
-        "help_etc_slider": "<img src='${slider.png}'> Slider: Switch the transparency of the displayed map so that the background map can be seen through. <br>It operates only while displaying the historical/illustrated maps, it does not work when displaying the base maps.",
-        "share_title": "Share",
-        "share_app_title": "Share this application",
-        "share_state_title": "Share current viewpoint",
-        "share_copy": "Copy",
-        "hide_marker_title": "Toggle marker layer display / hide"
-    },
-    "app" : {
-        "fake_explanation": "NOTE: If GPS result is more than %2$f km away from %1$s, the system issue a pseudo-coordinate around %1$s.",
-        "acquiring_gps_desc": "Now acquiring GPS.",
-        "out_of_map": "Out of map",
-        "out_of_map_desc": "GPS result is out of map. GPS function turns off.",
-        "out_of_map_area": "Showing area is out of map. The area moves to default position.",
-        "copy_toast": "Copied to clipboard"
-    }
+{
+    "control": {
+        "compass": "Reset Rotation",
+        "info": "Show Map Information",
+        "zoom": "Change Map Zoom",
+        "gps": "Acquire GPS Position",
+        "home": "Go Home Position",
+        "help": "Show Help",
+        "trans": "Change Map Transparency",
+        "share": "Share",
+        "hide_marker": "Hide Markers",
+        "marker_list": "Marker list",
+        "border": "Show Map Border"
+    },
+    "html": {
+        "close": "Close",
+        "app_loading_body": "Now loading application...",
+        "acquiring_gps": "Acquiring GPS",
+        "author": "Author",
+        "createdAt": "Created at",
+        "era": "Era",
+        "contributor": "Contributor",
+        "mapper": "Mapper",
+        "license": "Map license",
+        "dataLicense": "Data license",
+        "attr": "Map attribution",
+        "dataAttr": "Data attribution",
+        "reference": "Reference",
+        "description": "Description",
+        "cache_handle": "Size of map cache",
+        "cache_delete": "Clear cache",
+        "cache_fetch": "Bulk download",
+        "cache_cancel": "Cancel download",
+        "cache_processing": "Processing...",
+        "help_title": "Maplat Help",
+        "help_using_maplat": "This site is built with open-source pictorial and historical map viewer <a href='https://www.maplat.jp/' target='_blank'>Maplat</a>.",
+        "help_operation_title": "How to operate the map",
+        "help_operation_content": "Move the map by dragging the mouse in case of PC, swiping action with finger in case of smartphone.<br>Scaling the map can be done with the upper left <img src='${plus.png}'> <img src='${minus.png}'> buttons in case of PC, with pinch in/out actions with two fingers in case of smartphone.<br>On smartphone, you can rotate the map by twisting with two fingers.<br>By Using the <img src='${home.png}'> button at the upper left, you can move to the home position of the map being displayed.<br>The compass displayed on <img src='${compass.png}'> button indicates the current north direction, and by pressing this button, the rotation state of the map can be returned to the normal position.<br>While moving the map, buttons disappear to display the entire map, but to bring back the hidden buttons, please wait a moment or click/tap the screen once.",
+        "help_selection_title": "How to change the map",
+        "help_selection_content": "The two sliders with thumbnail like <Img src='${overlay.png}'> are displayed in the lower left and the lower right of the screen, you can select the map to display with them.<br> Slide the slider to select the map you want, and click the thumbnail, then the map changed.<br>The lower left map slider is to choose base maps (accurate maps), the lower right map slider is to choose historical/illustrated maps.",
+        "help_gps_title": "Showing current position on the map",
+        "help_gps_content": "When you press the <img src='${gps.png}'> button, the GPS function turns on and the user's current location is displayed on the map as <img src='${bluedot.png}'>. <br>If you press the button again, the GPS function turns off. <br>If the user's current location is not on the map being displayed, a message will be displayed and the GPS function will be turned off automatically.",
+        "help_poi_title": "Showing spot information",
+        "help_poi_content": "Markers such as <img src='${defaultpin.png}'> may be displayed on the map, these are where the spot information is provided. <br>Click or tap the marker to display spot information.",
+        "help_etc_title": "Others",
+        "help_etc_attr": "<img src='${attr.png}'> Button: Various information (such as creator, contributor or license, etc.) of the currently displayed map are displayed.",
+        "help_etc_help": "<img src='${help.png}'> Button: Showing this help.",
+        "help_share_help": "<img src='${share.png}'> Button: You can share this application to SNS etc.",
+        "help_etc_border": "<img src='${border.png}'> Button: Showing map border lines.<br>You can also switch the map by clicking inside the boundary. <br> On a PC, select a map with a mouse over and switch the map with a click, on a smartphone, select a map with a click and switch the map with one more click.",
+        "help_etc_hide_marker": "<img src='${hide_marker.png}'> Button: Toggles the display / hide of markers.",
+        "help_etc_marker_list": "<img src='${marker_list.png}'> Button: A screen to display / hide for each marker layer is displayed.",
+        "help_etc_slider": "<img src='${slider.png}'> Slider: Switch the transparency of the displayed map so that the background map can be seen through. <br>It operates only while displaying the historical/illustrated maps, it does not work when displaying the base maps.",
+        "share_title": "Share",
+        "share_app_title": "Share this application",
+        "share_state_title": "Share current viewpoint",
+        "share_copy": "Copy",
+        "marker_list_title": "Marker list"
+    },
+    "app" : {
+        "fake_explanation": "NOTE: If GPS result is more than %2$f km away from %1$s, the system issue a pseudo-coordinate around %1$s.",
+        "acquiring_gps_desc": "Now acquiring GPS.",
+        "out_of_map": "Out of map",
+        "out_of_map_desc": "GPS result is out of map. GPS function turns off.",
+        "out_of_map_area": "Showing area is out of map. The area moves to default position.",
+        "copy_toast": "Copied to clipboard",
+        "gps_error": "Location information is not available",
+        "user_gps_deny": "To display the current location, please enable \"Use Location\" in your web browser and read the QR code or URL again.",
+        "gps_miss": "System failed to acquire location. Please try again at a place where you can receive GPS satellite signals easily.",
+        "gps_timeout": "Position acquisition process timed out. Please try again at a place where you can receive GPS satellite signals easily."
+    }
 }