topic Re: How to add Nova Basemap to BasemapToggle in ArcGIS JavaScript Maps SDK Questions

How to add Nova Basemap to BasemapToggle

EvelynHernandez — Thu, 26 Apr 2018 21:01:16 GMT

Hey there,

im wondering if there is a way to put the new nova basemap in the basemap toggle, cuz i really like it.

I hope u guys can help me, its really appreciated.

Thanks in advice.

Re: How to add Nova Basemap to BasemapToggle

RobertScheitlin__GISP — Fri, 27 Apr 2018 12:44:59 GMT

Evelyn,

The process involves a few steps:

Select Groups in the arcgis.com banner.
Select ‘Create a Group’.
Complete the required fields (including Group members) and click ‘Save’.
In the ‘Search for Maps’ area, search for ‘NOVA’ (make sure to uncheck the option "Only search in Organization" on the left). This will display the NOVA basemap.
Click ‘Details’ for the Map you want to add to the Group.
Click ‘Share’ and select the Group that you created.
Now follow this link to add your group as your orgs default basemap gallery group: How To: Configure a default basemap in ArcGIS Online
Be sure to check "Share the Esri default basemaps to this group when you click Save"

Now you will see the NOVA basemap in your orgs basemap choices when you create a new web map.

Re: How to add Nova Basemap to BasemapToggle

EvelynHernandez — Fri, 27 Apr 2018 15:47:12 GMT

But there is a way to add it in a js application?

Re: How to add Nova Basemap to BasemapToggle

RobertScheitlin__GISP — Sat, 11 Dec 2021 16:28:01 GMT

Sure here is a sample:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
  <title>VectorTileLayer sample</title>
  <link rel="stylesheet" href="https://js.arcgis.com/3.24/esri/css/esri.css">
  <style>
    html, 
    body, 
    #map {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
  </style>
  <script src="https://js.arcgis.com/3.24/"></script>
  <script>
    require([
      "esri/map",
      "esri/layers/VectorTileLayer",
      "dojo/domReady!"
    ], function(Map, VectorTileLayer) {

      var map = new Map("map", {
        center: [2.3508, 48.8567], // longitude, latitude
        zoom: 2
      });

      //The URL referenced in the constructor may point to a style url JSON (as in this sample)
      //or directly to a vector tile service
      var vtlayer = new VectorTileLayer("http://www.arcgis.com/sharing/rest/content/items/75f4dfdff19e445395653121a95a85db/resources/styles/root.json?f=pjson");
      map.addLayer(vtlayer);
    });
  </script>
</head>
<body>
  <div id="map"></div>
</body>
</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How to add Nova Basemap to BasemapToggle

ReneRubalcava — Fri, 27 Apr 2018 18:26:29 GMT

Do you mean in the BasemapToggle widget?

BaseMap Toggle

You don't get the thumbnail until it loads, but could load it yourself with the Basemap class.

Re: How to add Nova Basemap to BasemapToggle

RobertScheitlin__GISP — Fri, 27 Apr 2018 18:29:13 GMT

I completely missed the toggle portion of Her question...