I’ve been defeated yet again. Neatline doesn’t provide Tile Map Servers, so I tried Wayne’s basemaps addition, but it hasn’t been updated in 5 years. I am editing the osm.json and providers.js file, but I can’t seem to get the URLs right for the tile server? Or maybe I need to correct the id in osm.json? I am so out of my depth. (I would ask CyclOSM on github but I think they only support running your own tile server?)
I can get some other basemaps to load so I know Wayne’s mod is basically functional. But I can’t get CyclOSM to load, it’s just a white blank with the map interface.
I’ve tried both
https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png
listed on github, and
https://dev.{s}.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png
found online elsewhere by a CyclOSM dev.
Snippet from providers.js
OpenStreetMap: {
url: '//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
},
variants: {
Mapnik: {},
BlackAndWhite: {
url: 'http://{s}.tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
DE: {
url: 'http://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
France: {
url: 'http://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://hot.openstreetmap.org/" target="_blank">Humanitarian OpenStreetMap Team</a>'
}
},
CyclOSM: {
url: 'https://dev.{s}.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',
options: {
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
}
}
},
and from osm.json for the admin settings dropdown:
{
"title": "CyclOSM",
"id": "osm.cycl",
"type": "XYZ",
"properties": {
"urls": [
"https://dev.a.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",
"https://dev.b.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",
"https://dev.c.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png"
]
}
}
Any insight from anyone who knows about mapping or Neatline?