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; } } }

how to properly implement Open Transport Map

NigelAlford

I've worked through the example (which is broken) and can't seem to properly pull the Open Streetmap layers as a web tiled layer. In the example the server is returning back a 404 error, which leads me to believe that the service call or address has been updated by open transport maps.
This is the address given in the sample from Open Transport Maps

 http://[abc].tile2.opencyclemap.org/transport/${z}/${x}/${y}.png

Here's my non-working attempt:

 var sub = ["a","b","c"];
            var wtl = esri.layers.WebTiledLayer;
            var cycleMap = new wtl("http://{subDomains}.tile2.opencyclemap.org/transport/${z}/${x}/${y}.png",
            {
                "id": "OTranspoMap",
                "copyright": "OTM",
                "subDomains": sub
            });
map.addLayer(cycleMap);

I'm getting this error:

Uncaught TypeError: Cannot call method 'toString' of undefined

I've been searching around and haven't found anyone else with this question, but sorry if this is a repost.

Trouver plus de publications taguées avec

Accepted answers

All comments

NigelAlford

@jacobsj and @jeff.pace

Thanks for the help guys I was off by such a small amount...gotta love it

JeffPace1

It works fine, except it only has PNG tiles. change the url to png and it works.

JeffJacobson

I was able to get it to work: https://github.com/WSDOT-GIS/OsmTilesInArcGisJS.

NigelAlford

When I run the sample code, the tiles are not being found has anyone else seen this?

var cycleMap = new wtl("http://${subDomain}.tile.opencyclemap.org/cycle/${level}/${col}/${row}.jpg", {
          "copyright": "Open Cycle Map",
          "id": "Open Cycle Map",
          "subDomains": ["a", "b", "c"]
        });

NigelAlford

 var cycleMap = new wtl("http://${subDomain}.tile2.opencyclemap.org/transport/${z}/${x}/${y}.png",
            {
                "id": "OTranspoMap",
                "copyright": "OTM",
                "subDomains": sub
            });

Is this a jquery function? if so I'll try adding the jquery library in the beginning

JeffPace1

http://${subDomain} (singular)

"subDomains":
in the JSON

NigelAlford

I tried that change and received the same error

JeffJacobson

In your format string try changing {subDomains} to {subDomain}.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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