@maplat/ui 0.10.5 → 0.11.0

package/README.md

@@ -1,5 +1,4 @@
 ![Maplat Logo](https://code4history.github.io/Maplat/page_imgs/maplat.png)
-![Maplat Catch Phrase](https://code4history.github.io/Maplat/page_imgs/homeomorphic.png)
 
 # 新聞記事を見て来られた方へ
 見てみたい内容で以下の遷移先へどうぞ！
@@ -30,6 +29,44 @@ Please use [MaplatEditor](https://github.com/code4history/MaplatEditor/) for dat
 
 データの作成には[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)

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

@@ -9,6 +9,7 @@
         "trans": "Change Map Transparency",
         "share": "Share",
         "hide_marker": "Hide Markers",
+        "marker_list": "Marker list",
         "border": "Show Map Border"
     },
     "html": {
@@ -32,27 +33,28 @@
         "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_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.",
+        "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": "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_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.<br>When you press and hold the button, a screen to display / hide for each marker layer is displayed.",
+        "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",
-        "hide_marker_title": "Toggle marker layer display / hide"
+        "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.",
@@ -60,6 +62,10 @@
         "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"
+        "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."
     }
 }

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

@@ -9,6 +9,7 @@
         "trans": "地図透明度変更",
         "share": "共有",
         "hide_marker": "マーカー非表示",
+        "marker_list": "マーカー一覧表示",
         "border": "地図境界表示"
     },
     "html": {
@@ -32,27 +33,28 @@
         "cache_cancel": "ダウンロード停止",
         "cache_processing": "計算中...",
         "help_title": "Maplat ヘルプ",
-        "help_using_maplat": "このサイトはオープンソース古地図ビューア<a href='https://github.com/code4history/Maplat/wiki' target='_blank'>Maplat</a>を使って構築されています。",
+        "help_using_maplat": "このサイトはオープンソース絵地図・古地図ビューア<a href='https://www.maplat.jp/' target='_blank'>Maplat</a>を使って構築されています。",
         "help_operation_title": "地図の操作方法",
-        "help_operation_content": "地図の移動はPCの場合はマウスのドラッグ、スマートフォンの場合は指でのスワイプ動作で行います。<br>地図の拡大縮小は、PCでは左上の<img src='${plus.png}'> <img src='${minus.png}'>ボタン、スマートフォンでは2本指でのピンチインアウトで行います。<br>スマートフォンでは2本指でのひねる操作により、地図の回転も行えます。<br>左上の<img src='${home.png}'>ボタンを使うと、表示中の地図のホームポジションに移動できます。<br><img src='${compass.png}'>ボタン上に表示されているコンパスは、現在の北の方角を示しており、またこのボタンを押すことによって、地図の回転状態を正位置に戻すことができます。",
+        "help_operation_content": "地図の移動はPCの場合はマウスのドラッグ、スマートフォンの場合は指でのスワイプ動作で行います。<br>地図の拡大縮小は、PCでは左上の<img src='${plus.png}'> <img src='${minus.png}'>ボタン、スマートフォンでは2本指でのピンチインアウトで行います。<br>スマートフォンでは2本指でのひねる操作により、地図の回転も行えます。<br>左上の<img src='${home.png}'>ボタンを使うと、表示中の地図のホームポジションに移動できます。<br><img src='${compass.png}'>ボタン上に表示されているコンパスは、現在の北の方角を示しており、またこのボタンを押すことによって、地図の回転状態を正位置に戻すことができます。<br>地図の移動中は、地図の全体を表示するためボタンが消えますが、消えたボタンの表示を戻すには、しばらく待つか画面を1回クリックまたはタップしてください。",
         "help_selection_title": "地図の変更方法",
         "help_selection_content": "画面の左下と右下に、<img src='${overlay.png}'>このようなサムネイル付きのスライダが表示されていますが、これで表示する地図を選択することができます。<br>左右にスライドして表示したい地図を選び、クリックするとその地図の表示に切り替えられます。<br>左下の地図スライダはベースマップ(正確な地図)、右下の地図スライダは絵地図や古地図を選ぶものになっています。",
         "help_gps_title": "地図上への現在地表示",
         "help_gps_content": "<img src='${gps.png}'>ボタンを押すと、GPS機能が有効になり、ユーザの現在地が<img src='${bluedot.png}'>で地図上に表示されます。<br>もう一度ボタンを押すとGPS機能はオフになります。<br>もし、ユーザの現在地が表示中の地図上になかった場合、メッセージが表示され、GPS機能は自動的にオフになります。",
         "help_poi_title": "スポット情報の表示",
-        "help_poi_content": "地図上に<img src='${defaultpin.png}'>のようなピンが表示される場合がありますが、これはスポット情報が提供されている場所になります。<br>ピンをクリックまたはタップすると、スポットの情報が表示されます。",
+        "help_poi_content": "地図上に<img src='${defaultpin.png}'>のようなマーカーが表示される場合がありますが、これはスポット情報が提供されている場所になります。<br>マーカーをクリックまたはタップすると、スポットの情報が表示されます。",
         "help_etc_title": "その他",
         "help_etc_attr": "<img src='${attr.png}'>ボタン: 現在表示中の地図の作成者、所有者、ライセンス等各種情報が表示されます。",
         "help_etc_help": "<img src='${help.png}'>ボタン: このヘルプが表示されます。",
         "help_share_help": "<img src='${share.png}'>ボタン: SNS等へのアプリシェア画面が表示されます。",
         "help_etc_border": "<img src='${border.png}'>ボタン: 地図の境界を表示します。<br>境界の内側をクリックして地図を切り替えることもできます。<br>パソコンではマウスオーバーで地図を選びクリックで地図を切り替え、スマホではワンクリックで地図を選びもう一度クリックで地図を切り替えます。",
-        "help_etc_hide_marker": "<img src='${hide_marker.png}'>ボタン: マーカーの表示/非表示を切り替えます。<br>ボタンを長押しすると、マーカーのレイヤー毎に表示/非表示を切り替える画面が表示されます。",
+        "help_etc_hide_marker": "<img src='${hide_marker.png}'>ボタン: マーカーの表示/非表示を切り替えます。",
+        "help_etc_marker_list": "<img src='${marker_list.png}'>ボタン: マーカーのレイヤー毎に表示/非表示を切り替える画面が表示されます。",
         "help_etc_slider": "<img src='${slider.png}'>スライダ: 表示中の地図の透明度を切り替えて、背景の地図が透けて見えるようにします。<br>絵地図、古地図の表示中にのみ動作し、ベースマップ表示時は動作しません。",
         "share_title": "共有",
         "share_app_title": "このアプリを共有",
         "share_state_title": "現在の表示場所を共有",
         "share_copy": "コピー",
-        "hide_marker_title": "マーカーレイヤー表示切替"
+        "marker_list_title": "マーカー一覧表示"
     },
     "app": {
         "fake_explanation": "※%1$s中心より%2$dkm以上離れている場合は、%1$s中心周辺の疑似経緯度を発行します。",
@@ -60,6 +62,10 @@
         "out_of_map": "地図範囲外",
         "out_of_map_desc": "GPSの取得結果が地図範囲外です。GPS機能をオフにします。",
         "out_of_map_area": "表示位置が地図範囲外です。地図標準位置に戻します。",
-        "copy_toast": "クリップボードにコピーされました"
+        "copy_toast": "クリップボードにコピーされました",
+        "gps_error": "位置情報を使用できません",
+        "user_gps_deny": "現在位置を表示するには、webブラウザの「位置情報の使用」を許可にして、QRコードかURLをもう一度読み込んでください。",
+        "gps_miss": "システムは位置取得に失敗しました。GPS衛星の電波を受けやすい場所などで再度お試しください。",
+        "gps_timeout": "位置取得処理がタイムアウトしました。GPS衛星の電波を受けやすい場所などで再度お試しください。"
     }
 }

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

@@ -9,6 +9,7 @@
         "trans": "지도 투명도 변경",
         "share": "공유",
         "hide_marker": "마커 숨기기",
+        "marker_list": "마커 목록 보기",
         "border": "지도 경계 표시"
     },
     "html": {
@@ -32,27 +33,28 @@
         "cache_cancel": "다운로드 정지",
         "cache_processing": "계산 중...",
         "help_title": "Maplat 도움말",
-        "help_using_maplat": "이 사이트는 오픈 소스인 고지도 뷰어<a href='https://github.com/code4history/Maplat/wiki' target='_blank'>Maplat</a>를 이용해 구축했습니다.",
+        "help_using_maplat": "이 사이트는 오픈 소스인 그림 지도 및 고지도 뷰어<a href='https://www.maplat.jp/' target='_blank'>Maplat</a>를 이용해 구축했습니다.",
         "help_operation_title": "지도 조작 방법",
-        "help_operation_content": "지도를 원하는 곳으로 이동시키려면, PC의 경우는 마우스로 드래그하고, 스파트폰의 경우는 스와이프합니다. <br>지도를 확대・축소시키려면, PC의 경우는 왼쪽 위에 있는<img src='${plus.png}'> <img src='${minus.png}'>버튼으로, 스마트폰의 경우는 두 손가락으로 핀치인/아웃합니다. <br>스마트폰의 경우, 두 손가락을 돌라면 지도를 회전시킬 수 있습니다.<br>왼쪽 위에 있는<img src='${home.png}'>버튼을 사용하면, 표시되어 있는 지도의 홈 위치로 이동할 수 있습니다.<br><img src='${compass.png}'>버튼 위에 표시되어 있는 나침반은 북쪽을 가리키고 있고, 이 버튼을 누르면 회전된 상태를 원위치를 되돌릴 수 있습니다.",
+        "help_operation_content": "지도를 원하는 곳으로 이동시키려면, PC의 경우는 마우스로 드래그하고, 스파트폰의 경우는 스와이프합니다. <br>지도를 확대・축소시키려면, PC의 경우는 왼쪽 위에 있는<img src='${plus.png}'> <img src='${minus.png}'>버튼으로, 스마트폰의 경우는 두 손가락으로 핀치인/아웃합니다. <br>스마트폰의 경우, 두 손가락을 돌라면 지도를 회전시킬 수 있습니다.<br>왼쪽 위에 있는<img src='${home.png}'>버튼을 사용하면, 표시되어 있는 지도의 홈 위치로 이동할 수 있습니다.<br><img src='${compass.png}'>버튼 위에 표시되어 있는 나침반은 북쪽을 가리키고 있고, 이 버튼을 누르면 회전된 상태를 원위치를 되돌릴 수 있습니다.<br>지도를 이동 중에는 전체 지도를 표시하기 위해 버튼이 사라집니다. 사라진 버튼을 다시 표시하려면 잠시 기다리거나 화면을 한 번 클릭 또는 탭하세요.",
         "help_selection_title": "지도 변경 방법",
         "help_selection_content": "화면의 왼쪽 아래와 오른쪽 아래에<img src='${overlay.png}'>이러한 섬네일이 있는 슬라이더가 표시되어 있는데 이것으로 표시할 지도를 선택할 수 있습니다.<br>좌우로 슬라이드해 표시할 지도를 선택, 클릭하면 그 지도를 표시할 수 있습니다.<br>왼쪽 아래의 지도 슬라이더는 베이스 맵(정확한 지도), 오른쪽 아래의 지도 슬라이더는 그림 지도나 고지도를 선택할 수 있습니다.",
         "help_gps_title": "지도상에 현재 위치 표시",
         "help_gps_content": "<img src='${gps.png}'>버튼을 누르면 GPS기능을 유효화시킬 수 있습니다. 사용자의 현재 위치가<img src='${bluedot.png}'>로 지도상에 표시됩니다.<br>다시 한번 버튼을 누르면, GPS기능은 OFF가 됩니다.<br>사용자의 현재 위치가 표시되고 있는 지도상에 없을 경우, 메시지가 표시되어 GPS기능이 자동적으로 OFF가 됩니다.",
         "help_poi_title": "스팟 정보 표시",
-        "help_poi_content": "지도상에<img src='${defaultpin.png}'>같은 핀이 표시될 수 있는데, 이는 스팟정보가 제공되는 곳입니다.<br>핀을 클릭 혹은 탭하면, 스팟정보가 표시됩니다.",
+        "help_poi_content": "지도상에 <img src='${defaultpin.png}'> 같은 마커가 표시될 수 있는데, 이는 스팟 정보가 제공되는 곳입니다.<br>마커를 클릭 혹은 탭하면, 스팟 정보가 표시됩니다.",
         "help_etc_title": "기타",
         "help_etc_attr": "<img src='${attr.png}'>버튼: 지금 표시되어 있는 지도의 작성자, 소유자, 라이센스 등 각종 정보가 표시됩니다.",
         "help_etc_help": "<img src='${help.png}'>버튼: 이 도움말이 표시됩니다.",
         "help_share_help": "<img src='${share.png}'>버튼: SNS 등에 앱 공유 화면이 표시됩니다.",
         "help_etc_border": "<img src='${border.png}'>버튼: 지도의 경계를 표시합니다. <br>경계 안쪽을 클릭해서 지도를 변경할 수도 있습니다.<br>PC의 경우는마우스 오버로 지도를 선택합니다. 스마트폰의 경우는 원클릭으로 지도를 선택해, 다시 한번 클릭하면 지도를 변경합니다.",
-        "help_etc_hide_marker": "<img src='${hide_marker.png}'>버튼: 마커의 표시하기/숨기기를 설정합니다.<br>버튼을 오래 누르면 마커의 레이어 별로 표시하기/숨기기를 설정하는 화면이 표시됩니다.",
+        "help_etc_hide_marker": "<img src='${hide_marker.png}'>버튼: 마커의 표시하기/숨기기를 설정합니다.",
+        "help_etc_marker_list": "<img src='${marker_list.png}'>버튼: 마커의 레이어 별로 표시하기/숨기기를 설정하는 화면이 표시됩니다.",
         "help_etc_slider": "<img src='${slider.png}'>슬라이더: 표시되어 있는 지도의 투명도를 변경, 배경에 있는 지도를 비쳐 보이게 합니다.<br>그림 지도, 고지도가 표시 중에만 작동하고 베이스 맵이 표시되어 있을 때는 작동하지 않습니다.",
         "share_title": "공유",
         "share_app_title": "이 앱을 공유",
         "share_state_title": "현재 위치를 공유",
         "share_copy": "복사",
-        "hide_marker_title": "마커 레이어 표시 설정"
+        "marker_list_title": "마커 목록 보기"
     },
     "app": {
         "fake_explanation": "※%1$s 중심에서 %2$dkm 이상 떨어져 있을 때는 %1$s 중심 주변에 있는 의사 경위도를 출력합니다. ",
@@ -60,6 +62,10 @@
         "out_of_map": "지도 범위 외",
         "out_of_map_desc": "GPS 취득 결과가 지도 범위 외입니다. GPS 기능을 OFF로 합니다.",
         "out_of_map_area": "표시 위치가 지도 범위 외입니다. 지도 표준 위치로 되돌립니다.",
-        "copy_toast": "클릭보드로 복사되었습니다"
+        "copy_toast": "클릭보드로 복사되었습니다",
+        "gps_error": "위치 정보를 사용할 수 없습니다",
+        "user_gps_deny": "현재 위치를 표시하려면 웹 브라우저의 '위치 정보 사용'을 허용한 후 QR코드 또는 URL을 다시 불러오면 된다.",
+        "gps_miss": "시스템이 위치 획득에 실패했습니다. GPS 위성의 전파가 잘 잡히는 장소 등에서 다시 시도해 보세요.",
+        "gps_timeout": "위치 획득 처리가 시간 초과되었습니다. GPS 위성의 전파가 잘 잡히는 장소 등에서 다시 시도해 보세요."
     }
 }

package/assets/locales/vi/translation.json

@@ -0,0 +1,71 @@
+{
+    "control": {
+        "compass": "Đặt lại xoay",
+        "info": "Hiển thị thông tin bản đồ",
+        "zoom": "Thay đổi mức thu phóng bản đồ",
+        "gps": "Lấy vị trí GPS",
+        "home": "Về vị trí chính",
+        "help": "Hiển thị trợ giúp",
+        "trans": "Thay đổi độ trong suốt bản đồ",
+        "share": "Chia sẻ",
+        "hide_marker": "Ẩn đánh dấu",
+        "marker_list": "Danh sách đánh dấu",
+        "border": "Hiển thị biên giới bản đồ"
+    },
+    "html": {
+        "close": "Đóng",
+        "app_loading_body": "Đang tải ứng dụng...",
+        "acquiring_gps": "Đang lấy GPS",
+        "author": "Tác giả",
+        "createdAt": "Ngày tạo",
+        "era": "Thời kỳ",
+        "contributor": "Người đóng góp",
+        "mapper": "Người lập bản đồ",
+        "license": "Giấy phép bản đồ",
+        "dataLicense": "Giấy phép dữ liệu",
+        "attr": "Bản quyền bản đồ",
+        "dataAttr": "Bản quyền dữ liệu",
+        "reference": "Tham khảo",
+        "description": "Mô tả",
+        "cache_handle": "Kích thước bộ nhớ đệm bản đồ",
+        "cache_delete": "Xóa bộ nhớ đệm",
+        "cache_fetch": "Tải xuống hàng loạt",
+        "cache_cancel": "Hủy tải xuống",
+        "cache_processing": "Đang xử lý...",
+        "help_title": "Trợ giúp Maplat",
+        "help_using_maplat": "Trang web này được xây dựng bằng trình xem bản đồ và bản đồ lịch sử mã nguồn mở <a href='https://www.maplat.jp/' target='_blank'>Maplat</a>.",
+        "help_operation_title": "Cách thao tác bản đồ",
+        "help_operation_content": "Trên máy tính, di chuyển bản đồ bằng cách kéo chuột, trên điện thoại thông minh, thao tác bằng cách vuốt.<br>Thu phóng bản đồ trên máy tính với các nút <img src='${plus.png}'> <img src='${minus.png}'> ở góc trái trên, trên điện thoại thông minh bằng cách thu phóng bằng hai ngón tay.<br>Trên điện thoại, bạn có thể xoay bản đồ bằng cách xoay hai ngón tay.<br>Sử dụng nút <img src='${home.png}'> ở góc trái trên để quay về vị trí chính của bản đồ.<br>La bàn trên nút <img src='${compass.png}'> cho biết hướng bắc hiện tại, nhấn nút này để đặt lại bản đồ về vị trí ban đầu.<br>Khi di chuyển bản đồ, các nút sẽ biến mất để hiển thị toàn bộ bản đồ. Để hiển thị lại các nút đã ẩn, vui lòng chờ một chút hoặc nhấp/chạm vào màn hình một lần.",
+        "help_selection_title": "Cách thay đổi bản đồ",
+        "help_selection_content": "Hai thanh trượt với hình thu nhỏ như <Img src='${overlay.png}'> hiển thị ở góc trái dưới và góc phải dưới của màn hình, bạn có thể chọn bản đồ để hiển thị bằng chúng.<br>Trượt thanh trượt để chọn bản đồ bạn muốn, và nhấp vào hình thu nhỏ, sau đó bản đồ sẽ thay đổi.<br>Thanh trượt bản đồ góc trái dưới dùng để chọn bản đồ cơ bản (bản đồ chính xác), thanh trượt bản đồ góc phải dưới dùng để chọn bản đồ lịch sử/bản đồ minh họa.",
+        "help_gps_title": "Hiển thị vị trí hiện tại trên bản đồ",
+        "help_gps_content": "Khi bạn nhấn nút <img src='${gps.png}'>, chức năng GPS được bật và vị trí hiện tại của người dùng sẽ hiển thị trên bản đồ dưới dạng <img src='${bluedot.png}'>.<br>Nếu bạn nhấn nút lần nữa, chức năng GPS sẽ tắt.<br>Nếu vị trí hiện tại của người dùng không có trên bản đồ đang hiển thị, một thông báo sẽ xuất hiện và chức năng GPS sẽ tự động tắt.",
+        "help_poi_title": "Hiển thị thông tin điểm đánh dấu",
+        "help_poi_content": "Các điểm đánh dấu như <img src='${defaultpin.png}'> có thể xuất hiện trên bản đồ, nơi cung cấp thông tin về vị trí đó.<br>Nhấn vào điểm đánh dấu để xem thông tin chi tiết.",
+        "help_etc_title": "Các tùy chọn khác",
+        "help_etc_attr": "Nút <img src='${attr.png}'>: Hiển thị các thông tin khác nhau (như người tạo, người đóng góp hoặc giấy phép) của bản đồ đang hiển thị.",
+        "help_etc_help": "Nút <img src='${help.png}'>: Hiển thị trang trợ giúp này.",
+        "help_share_help": "Nút <img src='${share.png}'>: Bạn có thể chia sẻ ứng dụng này lên mạng xã hội hoặc các nơi khác.",
+        "help_etc_border": "Nút <img src='${border.png}'>: Hiển thị đường viền bản đồ.<br>Bạn cũng có thể chuyển bản đồ bằng cách nhấp vào bên trong đường biên. Trên máy tính, chọn bản đồ bằng cách di chuột và nhấp để chuyển bản đồ, trên điện thoại, nhấp một lần để chọn và nhấp lần nữa để chuyển.",
+        "help_etc_hide_marker": "Nút <img src='${hide_marker.png}'>: Bật/tắt hiển thị các điểm đánh dấu.",
+        "help_etc_marker_list": "Nút <img src='${marker_list.png}'>: Hiển thị màn hình bật/tắt hiển thị cho từng lớp điểm đánh dấu.",
+        "help_etc_slider": "<img src='${slider.png}'> Thanh trượt: Chuyển đổi độ trong suốt của bản đồ hiển thị để thấy được bản đồ nền.<br>Chỉ hoạt động khi hiển thị bản đồ lịch sử hoặc minh họa, không hoạt động khi hiển thị bản đồ cơ bản.",
+        "share_title": "Chia sẻ",
+        "share_app_title": "Chia sẻ ứng dụng này",
+        "share_state_title": "Chia sẻ vị trí hiện tại",
+        "share_copy": "Sao chép",
+        "marker_list_title": "Danh sách điểm đánh dấu"
+    },
+    "app": {
+        "fake_explanation": "LƯU Ý: Nếu kết quả GPS cách xa %1$s hơn %2$f km, hệ thống sẽ cung cấp tọa độ giả quanh %1$s.",
+        "acquiring_gps_desc": "Đang lấy dữ liệu GPS.",
+        "out_of_map": "Ngoài phạm vi bản đồ",
+        "out_of_map_desc": "Kết quả GPS nằm ngoài phạm vi bản đồ. Chức năng GPS sẽ tắt.",
+        "out_of_map_area": "Khu vực hiển thị nằm ngoài phạm vi bản đồ. Di chuyển về vị trí mặc định.",
+        "copy_toast": "Đã sao chép vào khay nhớ tạm",
+        "gps_error": "Thông tin vị trí không khả dụng",
+        "user_gps_deny": "Để hiển thị vị trí hiện tại, vui lòng bật \"Sử dụng vị trí\" trong trình duyệt của bạn và quét lại mã QR hoặc URL.",
+        "gps_miss": "Hệ thống không thể lấy vị trí. Vui lòng thử lại ở nơi có tín hiệu vệ tinh GPS tốt hơn.",
+        "gps_timeout": "Quá trình lấy vị trí đã hết thời gian. Vui lòng thử lại ở nơi có tín hiệu vệ tinh GPS tốt hơn."
+    }
+}

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

@@ -9,6 +9,7 @@
         "trans": "调整地图透明度",
         "share": "分享",
         "hide_marker": "隐藏标记",
+        "marker_list": "标记列表显示",
         "border": "显示地图边界"
     },
     "html": {
@@ -32,27 +33,28 @@
         "cache_cancel": "停止下载",
         "cache_processing": "正在计算...",
         "help_title": "Maplat 帮助",
-        "help_using_maplat": "本站点是使用开源历史地图<a href='https://github.com/code4history/Maplat/wiki' target='_blank'>Maplat</a>为基础制作的。",
+        "help_using_maplat": "本站点是使用开源绘制地图和历史地图浏览器<a href='https://www.maplat.jp/' target='_blank'>Maplat</a>为基础制作的。",
         "help_operation_title": "地图的操作方法",
-        "help_operation_content": "用电脑访问时可以用鼠标拖动地图。使用手机访问时用手指拖动地图。<br>调整地图大小时，用电脑时，点击左上角的<img src='${plus.png}'> <img src='${minus.png}'>按钮来操作，使用手机时使用两个手指缩放来进行操作。<br>在手机上可以使用两个手指按住旋转地图。<br>按下<img src='${home.png}'>按钮可以返回地图的起点。<br><img src='${compass.png}'>按钮上表的罗盘显示着当前方向与北方向的角度，如果按下这个按钮，地图的旋转角度会恢复成正北方向表示。",
+        "help_operation_content": "用电脑访问时可以用鼠标拖动地图。使用手机访问时用手指拖动地图。<br>调整地图大小时，用电脑时，点击左上角的<img src='${plus.png}'> <img src='${minus.png}'>按钮来操作，使用手机时使用两个手指缩放来进行操作。<br>在手机上可以使用两个手指按住旋转地图。<br>按下<img src='${home.png}'>按钮可以返回地图的起点。<br><img src='${compass.png}'>按钮上表的罗盘显示着当前方向与北方向的角度，如果按下这个按钮，地图的旋转角度会恢复成正北方向表示。<br>移动地图时，为显示整个地图，按钮会消失。要恢复消失的按钮，请稍等片刻或点击/轻触屏幕一次。",
         "help_selection_title": "地图的切换选择方法",
         "help_selection_content": "在页面的左下和右下的位置，可以找到像<img src='${overlay.png}'>这样的可滑动的缩略图。可以选择想查看的地图。<br>左右滑动对想看的地图进行选择，点击后即可切换成想看的地图。<br>在左下的地图滑块是基础的地图(当前年代)，右下边可选择的地图滑块是手绘地图或历史地图。",
         "help_gps_title": "在地图上显示您的位置",
         "help_gps_content": "按下<img src='${gps.png}'>按钮，开启GPS功能，可以用<img src='${bluedot.png}'>在地图上显示您所在的位置。<br>再次按下时，会关闭GPS功能。<br>如果您所在地没有在地图上显示出来的话，会提示信息，并且会自动关闭GPS功能。",
         "help_poi_title": "场所信息显示",
-        "help_poi_content": "在地图上显示<img src='${defaultpin.png}'>这样标记的地方，这个支持拓展信息显示的地方。<br>标记点击时，会显示支持的信息。",
+        "help_poi_content": "在地图上显示 <img src='${defaultpin.png}'> 这样的标记的地方，这些是提供地点信息的地方。<br>点击或轻触标记时，会显示地点信息。",
         "help_etc_title": "其它",
         "help_etc_attr": "<img src='${attr.png}'>按钮 显示中地图的制作者、所有者、许可等各种信息显示。",
         "help_etc_help": "<img src='${help.png}'>按钮: 显示这个帮助信息。",
         "help_share_help": "<img src='${share.png}'>按钮: 显示向SNS等其它应用分享的页面。",
         "help_etc_border": "<img src='${border.png}'>按钮: 地图的边界显示。<br>在边界内点击也可以切换地图显示。<br>在电脑上操作可以用鼠标在地图上上移动选择后点击进行地图切换显示，手机上在选中地图后，再一次点击后进行地图切换显示。",
-        "help_etc_hide_marker": "<img src='${hide_marker.png}'>按钮: 显示标记/隐藏标记 的功能切换。<br>长按按钮，会在画面上按顺序对每种标记进行显示/隐藏的切换操作。",
+        "help_etc_hide_marker": "<img src='${hide_marker.png}'>按钮: 显示标记/隐藏标记 的功能切换。",
+        "help_etc_marker_list": "<img src='${marker_list.png}'>按鈕: 会在画面上按顺序对每种标记进行显示/隐藏的切换操作。",
         "help_etc_slider": "<img src='${slider.png}'>侧边栏: 显示中的地图的透明度调整，可以将背景中的地图透明地看到。<br>只支持在手绘地图、历史地图中使用，基本地图显示时不可用。",
         "share_title": "分享",
         "share_app_title": "分享此应用",
         "share_state_title": "分享现在所在位置",
         "share_copy": "复制",
-        "hide_marker_title": "标记项显示切换"
+        "marker_list_title": "标记列表显示"
     },
     "app": {
         "fake_explanation": "※以%1$s为中心，超出%2$dkm以上时、以%1$s为中心使用模糊经纬度表示周边范围。",
@@ -60,6 +62,10 @@
         "out_of_map": "超出地图范围",
         "out_of_map_desc": "GPS数据获取结果已超出地图范围外。GPS功能已关闭。",
         "out_of_map_area": "已经超出地图范围以外。请返回地图标准位置。",
-        "copy_toast": "已经复制到剪贴板。"
+        "copy_toast": "已经复制到剪贴板。",
+        "gps_error": "位置信息不详",
+        "user_gps_deny": "要查看当前位置，请在网络浏览器中启用 \"使用位置\"，然后再次读取 QR 码或 URL。",
+        "gps_miss": "系统获取位置失败。再试一次，例如在更容易接收 GPS 卫星信号的地方。",
+        "gps_timeout": "位置获取过程超时。再试一次，例如在更容易接收 GPS 卫星信号的地方。"
     }
 }

package/{locales → assets/locales}/zh-TW/translation.json

@@ -9,6 +9,7 @@
         "trans": "調整地圖透明度",
         "share": "分享",
         "hide_marker": "隱藏標記",
+        "marker_list": "標記清單顯示",
         "border": "顯示地圖邊界"
     },
     "html": {
@@ -32,27 +33,28 @@
         "cache_cancel": "停止下載",
         "cache_processing": "正在計算...",
         "help_title": "Maplat 幫助",
-        "help_using_maplat": "本站點是使用開源歷史地圖<a href='https://github.com/code4history/Maplat/wiki' target='_blank'>Maplat</a>為基礎製作的。",
+        "help_using_maplat": "本站點是使用開源繪製地圖和歷史地圖瀏覽器<a href='https://www.maplat.jp/' target='_blank'>Maplat</a>為基礎製作的。",
         "help_operation_title": "地圖的操作方法",
-        "help_operation_content": "用電腦訪問時可以用鼠標拖動地圖。使用手機訪問時用手指拖動地圖。 <br>調整地圖大小時，用電腦時，點擊左上角的<img src='${plus.png}'> <img src='${minus.png}'>按鈕來操作，使用手機時使用兩個手指縮放來進行操作。 <br>在手機上可以使用兩個手指按住旋轉地圖。 <br>按下<img src='${home.png}'>按鈕可以返回地圖的起點。 <br><img src='${compass.png}'>按鈕上表的羅盤顯示著當前方向與北方向的角度，如果按下這個按鈕，地圖的旋轉角度會恢復成正北方向表示。",
+        "help_operation_content": "用電腦訪問時可以用鼠標拖動地圖。使用手機訪問時用手指拖動地圖。 <br>調整地圖大小時，用電腦時，點擊左上角的<img src='${plus.png}'> <img src='${minus.png}'>按鈕來操作，使用手機時使用兩個手指縮放來進行操作。 <br>在手機上可以使用兩個手指按住旋轉地圖。 <br>按下<img src='${home.png}'>按鈕可以返回地圖的起點。 <br><img src='${compass.png}'>按鈕上表的羅盤顯示著當前方向與北方向的角度，如果按下這個按鈕，地圖的旋轉角度會恢復成正北方向表示。<br>移動地圖時，為顯示整個地圖，按鈕會消失。要恢復消失的按鈕，請稍等片刻或點擊/輕觸屏幕一次。",
         "help_selection_title": "地圖的切換選擇方法",
         "help_selection_content": "在頁面的左下和右下的位置，可以找到像<img src='${overlay.png}'>這樣的可滑動的縮略圖。可以選擇想查看的地圖。 <br>左右滑動對想看的地圖進行選擇，點擊後即可切換成想看的地圖。 <br>在左下的地圖滑塊是基礎的地圖(當前年代)，右下邊可選擇的地圖滑塊是手繪地圖或歷史地圖。",
         "help_gps_title": "在地圖上顯示您的位置",
         "help_gps_content": "按下<img src='${gps.png}'>按鈕，開啟GPS功能，可以用<img src='${bluedot.png}'>在地圖上顯示您所在的位置。 <br>再次按下時，會關閉GPS功能。 <br>如果您所在地沒有在地圖上顯示出來的話，會提示信息，並且會自動關閉GPS功能。",
         "help_poi_title": "場所信息顯示",
-        "help_poi_content": "在地圖上顯示<img src='${defaultpin.png}'>這樣標記的地方，這個支持拓展信息顯示的地方。 <br>標記點擊時，會顯示支持的信息。",
+        "help_poi_content": "在地圖上顯示 <img src='${defaultpin.png}'> 這樣的標記，這些是提供地點信息的地方。<br>點擊或輕觸標記時，會顯示地點信息。",
         "help_etc_title": "其它",
         "help_etc_attr": "<img src='${attr.png}'>按鈕 顯示中地圖的製作者、所有者、許可等各種信息顯示。",
         "help_etc_help": "<img src='${help.png}'>按鈕: 顯示這個幫助信息。",
         "help_share_help": "<img src='${share.png}'>按鈕: 顯示向SNS等其它應用分享的頁面。",
-        "help_etc_hide_marker": "<img src='${hide_marker.png}'>按鈕: 顯示標記/隱藏標記 的功能切換。 <br>長按按鈕，會在畫面上按順序對每種標記進行顯示/隱藏的切換操作。",
+        "help_etc_hide_marker": "<img src='${hide_marker.png}'>按鈕: 顯示標記/隱藏標記 的功能切換。",
+        "help_etc_marker_list": "<img src='${marker_list.png}'>按鈕: 會在畫面上按順序對每種標記進行顯示/隱藏的切換操作。",
         "help_etc_border": "<img src='${border.png}'>按鈕: 地圖的邊界顯示。 <br>在邊界內點擊也可以切換地圖顯示。 <br>在電腦上操作可以用鼠標在地圖上上移動選擇後點擊進行地圖切換顯示，手機上在選中地圖後，再一次點擊後進行地圖切換顯示。",
         "help_etc_slider": "<img src='${slider.png}'>側邊欄: 顯示中的地圖的透明度調整，可以將背景中的地圖透明地看到。 <br>只支持在手繪地圖、歷史地圖中使用，基本地圖顯示時不可用。",
         "share_title": "分享",
         "share_app_title": "分享此應用",
         "share_state_title": "分享現在所在位置",
         "share_copy": "複製",
-        "hide_marker_title": "標記項顯示切換"
+        "marker_list_title": "標記清單顯示"
     },
     "app": {
         "fake_explanation": "※以%1$s為中心，超出%2$dkm以上時、以%1$s為中心使用模糊經緯度表示周邊範圍。",
@@ -60,6 +62,10 @@
         "out_of_map": "超出地圖範圍",
         "out_of_map_desc": "GPS數據獲取結果已超出地圖範圍外。 GPS功能已關閉。",
         "out_of_map_area": "已經超出地圖範圍以外。請返回地圖標準位置。",
-        "copy_toast": "已經復製到剪貼板。"
+        "copy_toast": "已經復製到剪貼板。",
+        "gps_error": "位置資訊不詳",
+        "user_gps_deny": "若要查看目前位置，請在網頁瀏覽器中啟用 \"使用位置\"，然後再次讀取 QR 碼或 URL。",
+        "gps_miss": "系統獲取位置失敗。再試一次，例如在更容易接收 GPS 衛星訊號的地方。",
+        "gps_timeout": "位置獲取過程超時。再試一次，例如在更容易接收 GPS 衛星訊號的地方。"
     }
 }

package/dist/absolute_url.d.ts

@@ -0,0 +1 @@
+export default function absoluteUrl(base: string, relative: string): string;