Oceans:{ urlTemplate:"https://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/tile/{z}/{y}/{x}/", attributionUrl: "https://static.arcgis.com/attribution/Ocean_Basemap",
Solved! Go to Solution.
Your map service must be published using the Web Mercator Auxiliary Sphere tiling scheme (WKID 102100/3857) used by Google Maps, Bing Maps and ArcGIS Online. Esri Leaflet will not support any other spatial reference for tile layers.
//Initializing the map to start at the east coast var map = L.map('map').setView([42, -74], 5); //Add Oceans Basemaps L.esri.basemapLayer("Oceans").addTo(map); //Add your own layer var charts = new L.esri.TiledMapLayer("http://services.arcgisonline.com/ArcGIS/rest/services/Specialty/World_Navigation_Charts/MapServer").addTo(map);
var charts = new L.esri.TiledMapLayer("http://servername/pathto/prettymaptiledservice/mapserver/").addTo(map)
Your map service must be published using the Web Mercator Auxiliary Sphere tiling scheme (WKID 102100/3857) used by Google Maps, Bing Maps and ArcGIS Online. Esri Leaflet will not support any other spatial reference for tile layers.
var somePlace = new L.LatLng(32.7150, -117.1625); var mapOptions = { center: somePlace, zoom: 8, crs: L.CRS.EPSG4326, attributionControl: true, //define the source else where.. }; MAP = L.map('map', mapOptions); var esriLayer = new L.TileLayer('URL TO THE EPSG4326 BASED TILED MAP SERV/mapserver/tile/{z}/{y}/{x}.png') map.addLayer(esriLayer);