Trying to add html basemap

CadAssistant_3 — Fri, 23 Sep 2016 21:34:51 GMT

Hello, I am trying to add a URL (aerial image) as a basemap to my html code but I can not seem to figure it out.

I currently have it set up like this:

function init() {
map = new esri.Map("map", {
basemap: "streets",
center: [-117.885170, 33.883592],
zoom: 16
});

If someone could help me out that would be great. Thanks.

Re: Trying to add html basemap

RobertScheitlin__GISP — Sat, 11 Dec 2021 14:41:29 GMT

Here is the help doc for basemaps class that has a code snippet for use a custom basemap:

esri/basemaps | API Reference | ArcGIS API for JavaScript 3.18

require([
    "esri/basemaps",
    "esri/map",
    "dojo/domReady!"
  ], function (esriBasemaps, Map){
    esriBasemaps.delorme = {
      baseMapLayers: [{url: "https://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer"}
      ],
      thumbnailUrl: "https://www.example.com/images/thumbnail_2014-11-25_61051.png",
      title: "Delorme"
    };

    var map = new Map("ui-map", {
      basemap: "delorme",
      center: [-111.879655861, 40.571338776], // long, lat
      zoom: 13,
      sliderStyle: "small"
    });
});‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

topic Re: Trying to add html basemap in ArcGIS JavaScript Maps SDK Questions

Trying to add html basemap

Re: Trying to add html basemap