AnsweredAssumed Answered

Trying to add a my own imagery layer and dynamic layer on a template.

Question asked by csergent08 Champion on Mar 17, 2015
Latest reply on Mar 18, 2015 by csergent08

This is my first question of three where I am trying to convert a responsive web created Tom Wayson. His original app is here: tomwayson/responsive-citizens · GitHub




From my original app, I want to add the following:

// set custom extent
                var initialExtent = new Extent({
                    "xmin": 777229.03,
                    "ymin": 1133467.92,
                    "xmax": 848340.14,
                    "ymax": 1185634.58,
                    "spatialReference": {
                        "wkid": 3435

                // create map and set slider style to small
                map = new Map("mapDiv", {
                    showAttribution: false,
                    sliderStyle: "small",
                    extent: initialExtent,
                    logo: false

                // Starts initEditing after the feature layer(s) have been added
                map.on("layers-add-result", initEditing);

                // add imagery
                var tiled = new ArgGISTiledMapServiceLayer("");

                // add operational layer
                var operationalLayer = new ArcGISDynamicMapServiceLayer("", {
                    "opacity": 0.5



In the app that I am trying to add this information into, I believe I want to modify the following, but I am not sure how (the complete app is at: csergent45/streetSigns · GitHub


excerpt 1:

var config = {








 mapOptions: {
      center:[-117.1825, 34.0547],
      sliderPosition: 'bottom-right'
    citizenRequestLayerUrl: '',
    infoTemplate: {
      title: '<b>Request ${objectid}</b>',
      content: '<span class="infoTemplateContentRowLabel">Date: </span>' +
          '<span class="infoTemplateContentRowItem">${requestdate:DateFormat}</span><br><span class="infoTemplateContentRowLabel">Phone: </span>' +
          '<span class="infoTemplateContentRowItem">${phone:formatPhoneNumber}</span><br><span class="infoTemplateContentRowLabel">Name: </span>' +
          '<span class="infoTemplateContentRowItem">${name}</span><br><span class="infoTemplateContentRowLabel">Severity: </span>' +
          '<span class="infoTemplateContentRowItem">${severity:severityDomainLookup}</span><br><span class="infoTemplateContentRowLabel">Type: </span>' +
          '<span class="infoTemplateContentRowItem">${requesttype:requestTypeDomainLookup}</span><br><span class="infoTemplateContentRowLabel">Comments: </span>' +
          '<span class="infoTemplateContentRowItem">${comment}</span>'


excerpt 2:


// initialize the map and add the feature layer
  // and initialize map widgets
  var initMap = function() { = BootstrapMap.create('map', config.mapOptions);
    app.citizenRequestLayer = new FeatureLayer(config.citizenRequestLayerUrl, {
      mode: FeatureLayer.MODE_ONEDEMAND,
      infoTemplate: new InfoTemplate(config.infoTemplate),
      outFields: ['*']