<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic WebTileLayer: Can't fetch tiles from external URL in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-t-fetch-tiles-from-external-url/m-p/1378725#M83583</link>
    <description>&lt;P&gt;Hi there!&lt;/P&gt;&lt;P&gt;I'm trying to add a WebTileLayer to my map, however the resulting URL when fetching tiles isn't correct.&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;My code:&lt;/STRONG&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;const&lt;/SPAN&gt; &lt;SPAN&gt;webTileLayerFromUrl&lt;/SPAN&gt;&lt;SPAN&gt; = &lt;/SPAN&gt;&lt;SPAN&gt;new&lt;/SPAN&gt; &lt;SPAN&gt;WebTileLayer&lt;/SPAN&gt;&lt;SPAN&gt;({&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;&amp;nbsp; &amp;nbsp; urlTemplate&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;SPAN&gt;&lt;SPAN&gt;"&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&lt;A href="https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/{z}/{x}/{y}.png" target="_blank" rel="noopener"&gt;https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/{z}/{x}/{y}.png&lt;/A&gt;&lt;/SPAN&gt;&lt;SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;esriMap&lt;/SPAN&gt;&lt;SPAN&gt;.&lt;/SPAN&gt;&lt;SPAN&gt;basemap&lt;/SPAN&gt;&lt;SPAN&gt; = &lt;/SPAN&gt;&lt;SPAN&gt;new&lt;/SPAN&gt; &lt;SPAN&gt;Basemap&lt;/SPAN&gt;&lt;SPAN&gt;({&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;&amp;nbsp; &amp;nbsp; baseLayers&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;SPAN&gt; [&lt;/SPAN&gt;&lt;SPAN&gt;webTileLayerFromUrl&lt;/SPAN&gt;&lt;SPAN&gt;],&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;Example of correct URL for these map tiles (works):&lt;/STRONG&gt;&amp;nbsp;&lt;A href="https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/181789/285965.png" target="_blank" rel="noopener"&gt;https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/181789/285965.png&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;A URL generated by my code when run (does not work):&amp;nbsp;&lt;/STRONG&gt;&lt;A href="https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/288513/154195.png" target="_blank" rel="noopener"&gt;https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/288513/154195.png&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I'm assuming I've done something wrong when creating my WebTileLayer, but I'm not quite sure how to fix this.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;U&gt;Things I've tried so far:&lt;/U&gt;&lt;/P&gt;&lt;P&gt;- Swapping the {x} and {y} in the urlTemplate (wasn't the issue)&lt;/P&gt;&lt;P&gt;- The geolandbasemap uses a tile size of 256. I tried adding a tileInfo with size = [256, 256]. That did not help either.&lt;/P&gt;&lt;P&gt;- Swapped the urlTemplate for another, to make sure there was no issue with my code itself: E.g.&amp;nbsp;&lt;SPAN&gt;&lt;A href="https://a.tile.openstreetmap.org/{z}/{x}/{y}.png" target="_blank" rel="noopener"&gt;https://a.tile.openstreetmap.org/{z}/{x}/{y}.png&lt;/A&gt;&amp;nbsp;loads just fine.&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;If anyone has any advice, I would greatly appreciate it &lt;span class="lia-unicode-emoji" title=":slightly_smiling_face:"&gt;🙂&lt;/span&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Tue, 06 Feb 2024 16:57:30 GMT</pubDate>
    <dc:creator>aande</dc:creator>
    <dc:date>2024-02-06T16:57:30Z</dc:date>
    <item>
      <title>WebTileLayer: Can't fetch tiles from external URL</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-t-fetch-tiles-from-external-url/m-p/1378725#M83583</link>
      <description>&lt;P&gt;Hi there!&lt;/P&gt;&lt;P&gt;I'm trying to add a WebTileLayer to my map, however the resulting URL when fetching tiles isn't correct.&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;My code:&lt;/STRONG&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;const&lt;/SPAN&gt; &lt;SPAN&gt;webTileLayerFromUrl&lt;/SPAN&gt;&lt;SPAN&gt; = &lt;/SPAN&gt;&lt;SPAN&gt;new&lt;/SPAN&gt; &lt;SPAN&gt;WebTileLayer&lt;/SPAN&gt;&lt;SPAN&gt;({&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;&amp;nbsp; &amp;nbsp; urlTemplate&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;SPAN&gt;&lt;SPAN&gt;"&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&lt;A href="https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/{z}/{x}/{y}.png" target="_blank" rel="noopener"&gt;https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/{z}/{x}/{y}.png&lt;/A&gt;&lt;/SPAN&gt;&lt;SPAN&gt;"&lt;/SPAN&gt;&lt;SPAN&gt;,&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;esriMap&lt;/SPAN&gt;&lt;SPAN&gt;.&lt;/SPAN&gt;&lt;SPAN&gt;basemap&lt;/SPAN&gt;&lt;SPAN&gt; = &lt;/SPAN&gt;&lt;SPAN&gt;new&lt;/SPAN&gt; &lt;SPAN&gt;Basemap&lt;/SPAN&gt;&lt;SPAN&gt;({&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;&amp;nbsp; &amp;nbsp; baseLayers&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;SPAN&gt; [&lt;/SPAN&gt;&lt;SPAN&gt;webTileLayerFromUrl&lt;/SPAN&gt;&lt;SPAN&gt;],&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;});&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;Example of correct URL for these map tiles (works):&lt;/STRONG&gt;&amp;nbsp;&lt;A href="https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/181789/285965.png" target="_blank" rel="noopener"&gt;https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/181789/285965.png&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;STRONG&gt;A URL generated by my code when run (does not work):&amp;nbsp;&lt;/STRONG&gt;&lt;A href="https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/288513/154195.png" target="_blank" rel="noopener"&gt;https://maps2.wien.gv.at/basemap/geolandbasemap/normal/google3857/19/288513/154195.png&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I'm assuming I've done something wrong when creating my WebTileLayer, but I'm not quite sure how to fix this.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;U&gt;Things I've tried so far:&lt;/U&gt;&lt;/P&gt;&lt;P&gt;- Swapping the {x} and {y} in the urlTemplate (wasn't the issue)&lt;/P&gt;&lt;P&gt;- The geolandbasemap uses a tile size of 256. I tried adding a tileInfo with size = [256, 256]. That did not help either.&lt;/P&gt;&lt;P&gt;- Swapped the urlTemplate for another, to make sure there was no issue with my code itself: E.g.&amp;nbsp;&lt;SPAN&gt;&lt;A href="https://a.tile.openstreetmap.org/{z}/{x}/{y}.png" target="_blank" rel="noopener"&gt;https://a.tile.openstreetmap.org/{z}/{x}/{y}.png&lt;/A&gt;&amp;nbsp;loads just fine.&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;If anyone has any advice, I would greatly appreciate it &lt;span class="lia-unicode-emoji" title=":slightly_smiling_face:"&gt;🙂&lt;/span&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 06 Feb 2024 16:57:30 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-t-fetch-tiles-from-external-url/m-p/1378725#M83583</guid>
      <dc:creator>aande</dc:creator>
      <dc:date>2024-02-06T16:57:30Z</dc:date>
    </item>
    <item>
      <title>Re: WebTileLayer: Can't fetch tiles from external URL</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-t-fetch-tiles-from-external-url/m-p/1378765#M83586</link>
      <description>&lt;P&gt;&lt;STRONG&gt;Update&lt;/STRONG&gt;: Ended up finding an Esri &lt;A href="https://www.arcgis.com/home/item.html?id=d607c5c98e6a4e1fbd3569e38c5c8a0c" target="_self"&gt;Vector Tile Service for the same basemap&lt;/A&gt;, which I'll use instead of the WebTileLayer. Unfortunately I'm not sure what the solution would have been if I continued to investigate.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 06 Feb 2024 17:53:21 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-t-fetch-tiles-from-external-url/m-p/1378765#M83586</guid>
      <dc:creator>aande</dc:creator>
      <dc:date>2024-02-06T17:53:21Z</dc:date>
    </item>
  </channel>
</rss>

