Using custom basemaps

NachiChidambaram

I created a following basemap in arcgis online using mapbox : https://arcg.is/1zf5qz 

I want to use this map as a basemap in my application. 

I am trying to follow this example here ArcGIS API for JavaScript Sandbox 

The mapBaseLayer urlTemplate  contains a  http://~xyz.png .  Not sure how to use the arcgis online custom maps in arcgis api 4.5

Do I need a png from arcgis online to use my map . If so can you provide an example ?

RRubalcava

Basemaps are WebMaps, so you can add it like this.

&nbsp; <SPAN class="keyword token">const</SPAN> map <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">EsriMap</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; basemap<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; portalItem<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; id<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"b74e3eeef31942869c1f611f341ce8ed"</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>
&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Here is a sample.

https://codepen.io/odoe/pen/EbvPPg