nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Is it possible to load a Thunderforest Open Cycle Map as an AGOL basemap?

deleted-user-zc_J5JescS67

I have tried entering the API I got for Thunderforest Open Cycle Map to use as a basemap in AGOL, but all it turns up is a blank page. I've been able to open it up in other platforms - leaflet, qgis2web plugin - but it won't work in AGOL.

Any advice? thanks

Find more posts tagged with

Accepted answers

XiaolongFeng1

Edward,

Just use this URL:

https://{subDomain}.tile.thunderforest.com/cycle/{level}/{col}/{row}.png?apikey=b60c02dc2f1c476983e78e9b863fc6d1

Do not remove those words: "subDomain", "level", "col", "row". Just copy the URL above and paste it, then it should work.

All comments

XiaolongFeng1

Hi Edward,

Yes you can add the Open Cycle Map to ArcGIS Online, you just need to alter the URL a little bit.

From the provided example in Thunderforest's page, the url is like this:

https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=<insert-your-apikey-here>

But for ArcGIS Online, you need something like this:

http://{subDomain}.tile.opencyclemap.org/cycle/{level}/{col}/{row}.png

You can follow the steps here to add a tile layer to the map: Add layers—ArcGIS Online Help | ArcGIS

When you input the URL, you should input this:

https://{subDomain}.tile.thunderforest.com/cycle/{level}/{col}/{row}.png?apikey=<insert-your-apikey-here>

Then you need to define the subDomains - in Thunderforest's case, it should be "a,b,c".

Then you'll be all set and able to use the base map. Enjoy!

deleted-user-zc_J5JescS67

I have tried every form of what you have suggested and nothing works, I

just get a blank basemap, repeatedly. OSM seems to work fine.... Here's my

API key along with the URL Thunderforest provides. Could you let me know

exactly what should work, in case I'm making some minor mistake? I'm sure I

did everything else correctly - add tile layer from web, set extents, etc.

https://{a,b,c}.

tile.thunderforest.com/cycle///.png?apikey=b60c02dc2f1c476983e78e9b863fc6d1

Thanks!

XiaolongFeng1

Edward,

Just use this URL:

https://{subDomain}.tile.thunderforest.com/cycle/{level}/{col}/{row}.png?apikey=b60c02dc2f1c476983e78e9b863fc6d1

Do not remove those words: "subDomain", "level", "col", "row". Just copy the URL above and paste it, then it should work.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.