Skip to content

Added support to cache online tile maps, also added custom http heade… #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Added support to cache online tile maps, also added custom http heade… #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
60267b9
Added support to cache online tile maps, also added custom http heade…
batuakan Oct 20, 2025
c2408a2
Added chart downloader web addin for charts-addin
batuakan Oct 26, 2025
b677618
Updated readme and changed config parameter name from cached to proxy
batuakan Oct 26, 2025
1e10958
Fixed failing test
batuakan Oct 26, 2025
8915b1e
Added ~tilePath~ instead of full url
batuakan Oct 27, 2025
67ea7ca
PR fixes
batuakan Oct 31, 2025
f16dd19
Small fix for header parsing
batuakan Nov 1, 2025
2d6b019
Fixed build issue after merge
batuakan Nov 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@ For WMS & WMTS sources you can specify the layers you wish to display.

<img src="https://github.com/user-attachments/assets/b9bfba38-8468-4eca-aeb3-96a80fcbc7a6" alt="Online chart provider layers" width="450"/>

A proxy for online charts can be created using the "Proxy through SignalK server" option. If enabled tiles will be fetched from the remote server and cached by the SignalK server making it possible to store the tiles for offline usage. Additional http headers can be passed to the remote server by adding colon separated headers, e.g. User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64). User-Agent is the header name and Mozilla... will be the value.

### Supported chart formats

Expand Down
6 changes: 6 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@
"keywords": [
"signalk",
"signalk-node-server-plugin",
"signalk-webapp",
"nautic",
"chart",
"mbtiles",
Expand All @@ -31,7 +32,12 @@
"dependencies": {
"@mapbox/mbtiles": "^0.12.1",
"@signalk/server-api": "^2.0.0",
"@turf/bbox": "^7.2.0",
"@turf/boolean-intersects": "^7.2.0",
"@turf/helpers": "^7.2.0",
"bluebird": "3.5.1",
"check-disk-space": "^3.4.0",
"geojson-antimeridian-cut": "^0.1.0",
"lodash": "^4.17.11",
"xml2js": "0.6.2"
},
Expand Down
106 changes: 106 additions & 0 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="style.css" />
<title>Signalk charts-addin</title>
</head>

<body>

<fieldset>
<legend>Seed charts for offline usage</legend>
<strong>Select chart provider:</strong><br>
<label for="chart">Chart:</label>
<select id="chart" name="chart" required>
</select>
<br>
<strong>Select region type:</strong>
<br>
<!-- Choice 1: Predefined Region -->
<label>
<input type="radio" name="inputType" value="region" checked>
Region
</label>
<select id="region" name="region">
</select>

<br>

<!-- Choice 2: Bounding Box -->
<label>
<input type="radio" name="inputType" value="bbox">
Bounding Box (minLon, minLat, maxLon, maxLat) West to East, South to North
</label>
<div>
<input type="number" id="bboxMinLon" placeholder="minLon" step="0.0001" disabled value="16.51">
<input type="number" id="bboxMinLat" placeholder="minLat" step="0.0001" disabled value="58.59">
<input type="number" id="bboxMaxLon" placeholder="maxLon" step="0.0001" disabled value="16.60">
<input type="number" id="bboxMaxLat" placeholder="maxLat" step="0.0001" disabled value="58.65">
</div>
<!-- Choice 3: Tile -->
<!-- <label>
<input type="radio" name="inputType" value="tile">
Tile (x, y, z)
</label>
<div>
<input type="number" id="tileX" placeholder="x" disabled>
<input type="number" id="tileY" placeholder="y" disabled>
<input type="number" id="tileZ" placeholder="z" disabled>
</div> -->

<strong>Select max zoom:</strong><br>
<label for="maxZoom">Max Zoom</label>
<select id="maxZoom" name="maxZoom" required>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15" selected="selected">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
</select>

<br>
<button id="createJobButton">Create</button>
</fieldset>

<div id="output">
<table id="activeJobsTable" aria-live="polite">
<thead>
<tr>
<th>#</th>
<th>Chart</th>
<th>Region</th>
<th>Total tiles</th>
<th>Downloaded</th>
<th>Cached</th>
<th>Failed</th>
<th>Progress</th>
<th>Status</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="7" class="muted">Loading progress…</td>
</tr>
</tbody>
</table>
</div>

<script src="index.js"></script>

</body>

</html>
Loading