topic WebTileLayer can not show the map data in EPSG:3826 format in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-not-show-the-map-data-in-epsg/m-p/1364913#M83224 <P>Dear:</P><P>I meet a problem when using WebTileLayer show the map data in EPSG:3826 format.&nbsp;</P><P>The code snippet is as following:</P><DIV><DIV><SPAN>&nbsp; </SPAN><SPAN>const</SPAN> <SPAN>basemap</SPAN><SPAN> = </SPAN><SPAN>new</SPAN> <SPAN>Basemap</SPAN><SPAN>({</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>baseLayers</SPAN><SPAN>:</SPAN><SPAN> [</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>new</SPAN> <SPAN>WebTileLayer</SPAN><SPAN>({</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>urlTemplate</SPAN><SPAN>:</SPAN> <SPAN>"<A href="https://wmts.nlsc.gov.tw/97/wmts/EMAP3826/default/default028mm/{level}/{row}/{col" target="_blank" rel="noopener">https://wmts.nlsc.gov.tw/97/wmts/EMAP3826/default/default028mm/{level}/{row}/{col</A>}"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>title</SPAN><SPAN>:</SPAN> <SPAN>"Basemap"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>crossOrigin</SPAN><SPAN>:</SPAN> <SPAN>'anonymous'</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>extent</SPAN><SPAN>:</SPAN><SPAN> {</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>xmin</SPAN><SPAN>:</SPAN> 128548.4443375419<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>ymin</SPAN><SPAN>:</SPAN> 2394066.4166165744<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>xmax</SPAN><SPAN>:</SPAN> 606875.5521<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>ymax</SPAN><SPAN>:</SPAN> 2919551.2968000006<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>spatialReference</SPAN><SPAN>:</SPAN><SPAN> { </SPAN><SPAN>wkid</SPAN><SPAN>:</SPAN> <SPAN>102443</SPAN><SPAN> }</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>spatialReference</SPAN><SPAN>:</SPAN><SPAN> { </SPAN><SPAN>wkid</SPAN><SPAN>:</SPAN> <SPAN>102443</SPAN><SPAN> }</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ],</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>title</SPAN><SPAN>:</SPAN> <SPAN>"basemap"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>id</SPAN><SPAN>:</SPAN> <SPAN>"basemap"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>spatialReference</SPAN><SPAN>:</SPAN><SPAN> { </SPAN><SPAN>wkid</SPAN><SPAN>:</SPAN> <SPAN>102443</SPAN><SPAN> }</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });</SPAN></DIV><DIV>&nbsp;</DIV><DIV>and the error message shows:<BR />WebTileLayer .... spatialReference must match tileInfo.spatialReference</DIV></DIV><P>&nbsp;Is there any other methods can cover this problem? thanks a lot.</P> Fri, 29 Dec 2023 04:48:41 GMT AbramhumHsu 2023-12-29T04:48:41Z WebTileLayer can not show the map data in EPSG:3826 format https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-not-show-the-map-data-in-epsg/m-p/1364913#M83224 <P>Dear:</P><P>I meet a problem when using WebTileLayer show the map data in EPSG:3826 format.&nbsp;</P><P>The code snippet is as following:</P><DIV><DIV><SPAN>&nbsp; </SPAN><SPAN>const</SPAN> <SPAN>basemap</SPAN><SPAN> = </SPAN><SPAN>new</SPAN> <SPAN>Basemap</SPAN><SPAN>({</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>baseLayers</SPAN><SPAN>:</SPAN><SPAN> [</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>new</SPAN> <SPAN>WebTileLayer</SPAN><SPAN>({</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>urlTemplate</SPAN><SPAN>:</SPAN> <SPAN>"<A href="https://wmts.nlsc.gov.tw/97/wmts/EMAP3826/default/default028mm/{level}/{row}/{col" target="_blank" rel="noopener">https://wmts.nlsc.gov.tw/97/wmts/EMAP3826/default/default028mm/{level}/{row}/{col</A>}"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>title</SPAN><SPAN>:</SPAN> <SPAN>"Basemap"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>crossOrigin</SPAN><SPAN>:</SPAN> <SPAN>'anonymous'</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>extent</SPAN><SPAN>:</SPAN><SPAN> {</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>xmin</SPAN><SPAN>:</SPAN> 128548.4443375419<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>ymin</SPAN><SPAN>:</SPAN> 2394066.4166165744<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>xmax</SPAN><SPAN>:</SPAN> 606875.5521<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>ymax</SPAN><SPAN>:</SPAN> 2919551.2968000006<SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>spatialReference</SPAN><SPAN>:</SPAN><SPAN> { </SPAN><SPAN>wkid</SPAN><SPAN>:</SPAN> <SPAN>102443</SPAN><SPAN> }</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>spatialReference</SPAN><SPAN>:</SPAN><SPAN> { </SPAN><SPAN>wkid</SPAN><SPAN>:</SPAN> <SPAN>102443</SPAN><SPAN> }</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ],</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>title</SPAN><SPAN>:</SPAN> <SPAN>"basemap"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>id</SPAN><SPAN>:</SPAN> <SPAN>"basemap"</SPAN><SPAN>,</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </SPAN><SPAN>spatialReference</SPAN><SPAN>:</SPAN><SPAN> { </SPAN><SPAN>wkid</SPAN><SPAN>:</SPAN> <SPAN>102443</SPAN><SPAN> }</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });</SPAN></DIV><DIV>&nbsp;</DIV><DIV>and the error message shows:<BR />WebTileLayer .... spatialReference must match tileInfo.spatialReference</DIV></DIV><P>&nbsp;Is there any other methods can cover this problem? thanks a lot.</P> Fri, 29 Dec 2023 04:48:41 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-not-show-the-map-data-in-epsg/m-p/1364913#M83224 AbramhumHsu 2023-12-29T04:48:41Z Re: WebTileLayer can not show the map data in EPSG:3826 format https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-not-show-the-map-data-in-epsg/m-p/1364995#M83225 <P>WebTileLayer's spatialReference is 102100. Looks like you are working with WMTS service (<A href="https://wmts.nlsc.gov.tw/97/wmts/EMAP3826/default/default028mm/{level}/{row}/{col" target="_blank" rel="noopener nofollow noreferrer">https://wmts.nlsc.gov.tw/97/wmts/</A>). So I would add the layer as WMTSLayer as shown below.&nbsp;</P><P>&nbsp;</P><LI-CODE lang="javascript">const layer = new WMTSLayer({ url: "https://wmts.nlsc.gov.tw/97/wmts" extent: { xmin: 128548.4443375419, ymin: 2394066.4166165744, xmax: 606875.5521, ymax: 2919551.2968000006, spatialReference: { wkid: 3826 } } }); const map = new Map({ layers: [layer] }); const view = new MapView({ container: "viewDiv", map: map, spatialReference: { wkid: 3826 }, });</LI-CODE><P>&nbsp;</P> Fri, 29 Dec 2023 17:02:49 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/webtilelayer-can-not-show-the-map-data-in-epsg/m-p/1364995#M83225 UndralBatsukh 2023-12-29T17:02:49Z