Replies: 5 comments 9 replies
-
|
AFAIK, the static map api is to be made in-sync with Maptiler Cloud - https://docs.maptiler.com/cloud/api/static-maps/ also, in the video, on |
Beta Was this translation helpful? Give feedback.
-
|
I'd love to see something like @mnutt static endpoint page, like in #427 (comment) Maybe make it a page you can drag around to fill in some of the values |
Beta Was this translation helpful? Give feedback.
-
|
The backend in my fork has diverged a bit, but I think it would be easy enough to port the static endpoint editor to use tileserver-gl's URL features. It's all vanilla js / dom manipulation following the existing conventions but is starting to get to the point where if we wanted to add more features we may want to look into some sort of frontend toolkit. |
Beta Was this translation helpful? Give feedback.
-
|
For the movend idea I feel like echoing out that information all the time doesn't seem that great. Maybe something like a button would be nice. Like a button to copy the url, or a plugin like https://github.com/watergis/maplibre-gl-export |
Beta Was this translation helpful? Give feedback.
-
|
Yep, similar to the inspect button, shouldn't take more than 2 hours of work for this |
Beta Was this translation helpful? Give feedback.
-
|
Below a prototype of the interface. Thanks for the feedback on console logging, it generates Static Image API URLs, but it was not intended to be the final shipping product; (It's the first time I've referred to logging as FC : ) The Svelte prototype is made after reviewing how WaterGIS makes UI components for MapLibre. The interface changes would need all the features the Static Images documentation advertises is available:
But more importantly,
Customer interface proposal for Static Images (non-functioning, HTML only) |
Beta Was this translation helpful? Give feedback.
-
|
I hadn't considered that presenting as a Raster via MapLibre, but it is interesting. I think we would want to view as a Vector, that way when we paint annotations such as poly lines or markers, we can see what it will look like before rendering. I was thinking it would be a button in the Vector "Viewer" page Similar to a Full Screen or Export control. That way it is not in the way, until needed (See upper right corner of GIF in most recent comment above.
|
Beta Was this translation helpful? Give feedback.
-
That would be amazing, and a decent choice! Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
Finished most stuff, need to figure out how to escape routes in Nuxt for some You can track progress / update on the fork – https://github.com/vinayakkulkarni/tileserver-gl/tree/refactor/vite-vue-frontend $ cd public/frontend
$ npm install
$ npm run build && npm run generate
$ cd ../../The rendered page at http://localhost:8080 would be the static site generated by Nuxt 3.x |
Beta Was this translation helpful? Give feedback.
-
|
looks interesting @vinayakkulkarni . I tried to test it but I keep getting stuck at the frontent npm install |
Beta Was this translation helpful? Give feedback.
-
|
pull latest & try again @acalcutt, I've fixed issue with the useNitroConfig hook, should work now. |
Beta Was this translation helpful? Give feedback.
-
|
@vinayakkulkarni — thank you for looking into this. I was able to get the The error seems unrelated to work. Any ideas?
Server log
Result of running: node src/main.js --verboseobjc[60841]: Class GNotificationCenterDelegate is implemented in both /Users/roblabs/Documents/github/maptiler/tileserver-gl/maptiler/tileserver-gl/node_modules/sharp/vendor/8.14.2/darwin-x64/lib/libvips-cpp.42.dylib (0x3a341dc60) and /Users/roblabs/Documents/github/maptiler/tileserver-gl/maptiler/tileserver-gl/node_modules/canvas/build/Release/libgio-2.0.0.dylib (0x3a1a5a6b0). One of the two will be used. Which one is undefined.
Starting tileserver-gl v4.4.10
No MBTiles found
[DEMO] Downloading sample data (zurich_switzerland.mbtiles) from https://github.com/maptiler/tileserver-gl/releases/download/v1.3.0/zurich_switzerland.mbtiles
[INFO] Automatically creating config file for zurich_switzerland.mbtiles
[INFO] Only a basic preview style will be used.
[INFO] See documentation to learn how to create config.json file.
{
"options": {
"paths": {
"root": "/Users/roblabs/Documents/github/maptiler/tileserver-gl/maptiler/tileserver-gl/node_modules/tileserver-gl-styles",
"fonts": "fonts",
"styles": "styles",
"mbtiles": "/Users/roblabs/Documents/github/maptiler/tileserver-gl/maptiler/tileserver-gl"
}
},
"styles": {
"basic-preview": {
"style": "basic-preview/style.json",
"tilejson": {
"bounds": [
8.275,
47.225,
8.8,
47.533
]
}
}
},
"data": {
"v3": {
"mbtiles": "zurich_switzerland.mbtiles"
}
}
}
Starting server
Listening at http://[::]:8080/
Startup complete
GET / 304 2.140 ms - -
GET /_nuxt/entry.f31f2c4b.css 304 1.075 ms - -
GET /_nuxt/entry.5095f24e.js 304 0.383 ms - -
GET /_nuxt/index.3228e94b.js 304 0.414 ms - -
GET /_nuxt/fetch.c3e06b80.js 304 0.437 ms - -
GET /data.json 304 2.353 ms - -
GET /_nuxt/error-component.a1d032b4.js 304 0.555 ms - -
GET /styles.json 304 0.539 ms - -
GET /images/logo.png 304 0.467 ms - -
GET /images/placeholder.png 304 1.487 ms - -
GET /images/header.png 304 0.427 ms - -
GET /styles/basic-preview/0/0/0.png 200 154.283 ms - 31292
GET /styles/basic-preview/ 404 2.473 ms - 160
GET /styles.json 304 0.314 ms - -
GET /_nuxt/error-component.a1d032b4.js 304 1.335 ms - -
GET /data/openmaptiles/ 404 0.867 ms - 157
GET /styles.json 304 0.332 ms - -
GET /_nuxt/error-component.a1d032b4.js 304 0.479 ms - -
|
Beta Was this translation helpful? Give feedback.
-
I want to make the Static Images API easier to use for non-developers on my team. Basic idea is to generate the URL for a sample Static Image based on
moveendorcenter. I've built a prototype based off of TileServer 4.4.4.Thoughts on usability of the current Static Image API and how it can be upgraded?
Problems this solves
location.hashis#z/lat/lon, but the Static Image URL expects/lon,lat,z/.Issues that arise for usability, or before a real PR:
index.tmpl, a sample Static Image URL can be generated based on the Stylecenter. Or overridden via thetilejsonkey in the configuration.viewer.tmpl, where does the generated URL go? Console or new UI button that copies a basic Static Image URL?Console example
static image via moveend event: http://localhost:8080/styles/basic-preview/static/8.5714,47.3661,11/512x512@2x.pngIndex.html
📸 example static image API via TileJSON center: basic-preview/static/8.543,47.367979,15.97/512x512@2x.png
🎥 Prototype Demo
TileServer-GL-Static-Image-Enhancements-480a.mov
Beta Was this translation helpful? Give feedback.
All reactions