nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

New to scripting - Need help with a basic script with functions

SuzanneRoussie

Hi,

I am in the process of putting together a basic map by learning off the tutorials and examples found on the JavaScript examples site and I am trying to use a home button, legend, and scale on the same map. I had the home button and scale working but when I added the script for the legend it stopped working. I was wondering if there was a limit on how many functions could be called the way I have it set up or if I am missing something else. I am sure there is a different way to do this but since I have never written anything in JavaScript before I thought this was the best way to learn. I have enclosed the text file of my code.

thanks,
Sue

test.txt.zip

Vind meer berichten getagd met

Accepted answers

kenbuja

You have a typo

"esri/map", "esri/layers/FeatureLayer", "esri/dijit/Legend",       "esri/digit/Scalebar","esri/dijit/HomeButton",       "dojo/_base/array", "dojo/parser",       "dijit/layout/BorderContainer", "dijit/layout/ContentPane",        "dijit/layout/AccordionContainer", "dojo/domReady!"

That should be "esri/dijit/Scalebar"

All comments

kenbuja

I would like to add a dynamic mapservice to the javascript webmap.

I tried the following syntax but the mapservice does not show up.

var bound = new ArcGISDynamicMapServiceLayer("http://arcgis/ArcGIS/rest/services/MapServices/Bound_D/MapServer", {
useMapImage: true
});

Can anyone tell me what I am doing wrong?

You should start a new thread about this.

mvolz47

I would like to add a dynamic mapservice to the javascript webmap.

I tried the following syntax but the mapservice does not show up.

var bound = new ArcGISDynamicMapServiceLayer("http://arcgis/ArcGIS/rest/services/MapServices/Bound_D/MapServer", {
useMapImage: true
});

Can anyone tell me what I am doing wrong?

kenbuja

You do have the option of showing the legend for layers that are invisible due to scale dependency. Set the respectCurrentMapScale to false.

          var legendDijit = new Legend({
            map: map,
            layerInfos: layerInfo,
            respectCurrentMapScale: false
          }, "legendDiv");

mvolz47

Thanks Jake. I did not realize that you had to zoom that far in for ESRI's river and waterbodies layers to show up.

jskinner

I thought you were referring to ESRI's basemaps.

If the layers are not drawn, for example, due to a scale dependency they will not show in the legend. Try adjusting the zoom level of your application. Ex:

map = new Map("map", {
        basemap:"streets",
        center: [-96.509, 38.367],
        zoom: 14
      });

mvolz47

Jake:

Here is the section you are talking about in my file:

//add the legend
      map.on("layers-add-result", function (evt) {
        var layerInfo = arrayUtils.map(evt.layers, function (layer, index) {
          return {layer:layer.layer, title:layer.layer.name};
        });
        if (layerInfo.length > 0) {
          var legendDijit = new Legend({
            map: map,
            layerInfos: layerInfo
          }, "legendDiv");
          legendDijit.startup();
        }
      });

I do not see anywhere in this code where layers are being excluded, yet sampleserver3.arcgisonline.com mapservice layers are not being added to the legend. I do not understand.

jskinner

The 'layerInfos' option controls this. See the help here.

Specify a subset of the layers in the map to display in the legend. If not set all layers in the map will display in the legend.

mvolz47

Question in regards to this sample application.

I added my own mapservice layer and it gets added to the map and the legend.

Why don't the ESRI mapservices get added to the legend? I don't see a place in the text file where they are being excluded from the legend.

SuzanneRoussie

All set. Thanks again.

kenbuja

Glad to help. Please click the check mark in the post that best answered your question and the up arrows on the posts that were helpful. This will help others who may be searching about this topic.

SuzanneRoussie

Thanks, the typo and missing { fixed it. I have the extent set at 7 so the state of NY appears as a whole for now and the layers are triggered when you zoom in. I have other layers that need to go on that will be visible at that level, just wanted to get the basics working for now. It's a slow process when you are learning. Appreciate the help.
Sue

TimWitt

Would this file just need to be added to a server that has IIS in the following location:

\\ServerName\c$\inetpub\wwwroot

in order to have a simple working web application?

Exactly, just like the Flex application.

mvolz47

Would this file just need to be added to a server that has IIS in the following location:

\\ServerName\c$\inetpub\wwwroot

in order to have a simple working web application?

jskinner

You are also missing a '{' in the style tag for the #map DIV. Also, if you want the legend to display the layers, you will need to change your extent to where they are visible. Ex:

map = new Map("map", {
        basemap:"streets",
        center: [-96.509, 38.367],
        zoom: 14
      });

kenbuja

You have a typo

"esri/map", "esri/layers/FeatureLayer", "esri/dijit/Legend",       "esri/digit/Scalebar","esri/dijit/HomeButton",       "dojo/_base/array", "dojo/parser",       "dijit/layout/BorderContainer", "dijit/layout/ContentPane",        "dijit/layout/AccordionContainer", "dojo/domReady!"

That should be "esri/dijit/Scalebar"

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.