cmv / cmv-app Goto Github PK

Hi, I was wondering if you could give some guidance about this, I'm using the last version of the viewer (with dbootstrap), everything works fine until I try to use a dgrid control (http://dojofoundation.org/packages/dgrid/), I get this error:

Error {src: "dojoLoader", info: Array[2]}
init.js:40
src: dojoLoader init.js:41
info:
["/VisorConfigurableGIS2/js/dbootstrap/has-class.js", Event]
0: "/VisorConfigurableGIS2/js/dbootstrap/has-class.js"
1: Event
length: 2
proto: Array[0]
init.js:41

I'm pretty new with bootstrap.

Thanks in advance.

Hello,
I have been attempting to place a temporary graphic on the geocode result after an address has been searched but I haven't had much luck thus far. Would it be possible to do this in the Controller or would a new custom geocode widget have to be created to accomplish this?

Thank you for your help.
Gregory Roberts

Hi David,

I am just starting to get my feet wet with the JSAPI and was wondering if you would be willing to illustrate the steps required to add this widget (https://github.com/swingley/zoomto-widget)
into your template? I really appreciate the work you have done!

Thanks

Hi David, I would like to add a search tool, to find features based on specific attributes (in different layers) but need some direction. I started to attempt to write a search widget, but the learning curve was too steep, so I stepped back to attempt something simpler. I managed to build a "Home" button (reinventing the wheel I realise and not a true widget in terms of your application), but have learned a lot more about how your applications is structured, as well as ESRI's API as a result.

Would a search tool (QueryTask) fit in to your framework as a widget, or is it something that is always going to need to be customised. My initial thought was to replace (or extend?) the existing address search. Otherwise I would start my own widget.

Many thanks for your work!

David how would you suggest I add the ability to turn layers on / off within a map service? Also what about transparency adjustments for the user?

David, Thank you for this contribution. I was wondering if you could give me some direction on how to use basemaps from our own servers. I would also like to add the ability to edit. Can you provide some general direction on how to extend the framework. Not asking you to do the work. Just need some help getting started. Thank you. Keith

Base code as of today relies on HTML5 lat/lon geolocation and converts coords to Webmercator. I added a function to GeoLocation.js that implements the use of a geometry service to reproject the location to the spatial reference of choice (in my case FL East, NAD 83, Feet). From and To spatial references are hard coded and perhaps should be in the config file somewhere? Does this meet with your approval? Change as you deem fit. Also, I have been unable to add the geolocation symbol to the graphics layer.

What is the best way to get files to you as opposed to pasting code in these dialogs?

Function addGeolocationToMap is called from function locationSuccess by:

this.addGeolocationToMap(event.coords.longitude, event.coords.latitude,this.map);

    addGeolocationToMap:function (lon, lat, theMap) {
        //Change from and to spatial references to suit your needs          
        esri.request({
          url:"http://gis/arcgis/rest/services/Utilities/Geometry/GeometryServer/project?inSR=4326&outSR=2236&geometries="+lon+","+lat, 
          content: { f: "json" },
          callbackParamName: "callback",
          load: function(response, ioArgs) {
            var xycoords = response.geometries;
            var thePoint = esri.geometry.Point(xycoords[0].x, xycoords[0].y, theMap.spatialReference);
            theMap.centerAndZoom(thePoint, 6);
            theMap.addGraphic(thePoint);              
          },
       error: esriConfig.defaults.io.errorHandler
       });
    }

I am new to scripting and attempting to learn by breaking down and modifying code found here. First of all thank you for this awesome example. I have everything working for my map except the print function. When I click on print map I receive an "error, please try again". Where are the temporary files being saved to and if it is the local ArcGIS Server I am assuming it needs write permissions? Or maybe I am missing something else? If you could explain how the print function works maybe I will understand it better. Thanks.
Sue

David,

I am working with your operation layer in the config.js, I noticed OBJECTID was coming across and I have been told as a best practice to hide this field and other fields like SHAPE.* as this is something the end user does not really need to see or care about. That being said inside the outFields parameter I specified only Location but in the line below where you are defining the infoTemplate I noticed you are using "${*}", and the OBJECTID field was still coming across even though I did not specify this in the outFields?

Does the infoTemplate not honor the outFields parameter?

Is there a method for not outputting fields? For example if I know I do not want to see OBJECT, SHAPE, SHAPE.AREA, SHAPE.LEN is there a method/parameter/variable that can be set to hide certain fields from the infoTemplate?

Is there a way to config the infotemplate to show attachments? I know how to do this through a full javascript application. Was just curious if there was a way to config this one to do the same

Decreasing width of sidebar in main.css from 330px to 260px causes legend to not appear. Displays "No Legend". Change back and legend appears.

Thank you for this Viewer.

For some improvement, could you add support of the ability to use ZXY-Tile as a basemap format?

https://developers.arcgis.com/en/javascript/jssamples/layers_webtiled_one.html

I think ZXY-Tile custom basemap is a new cheap and efficient way to serve a basemap to end-user.

We could generate ZXY-Tile basemap from MBTiles file with TileServer.
https://github.com/klokantech/tileserver-php/
(TileServer needs NO server side managing software, so any web-hosting site could use TileServer, unlike ArcGIS Server, MapServer, etc.. which need a specific installed software on a server to run a service).

The output of TileServer would be like:
yourserver.com/tileserver/FILENAME.mbtiles/default/{level}/{col}/{row}.jpg

fyi, MBTiles file easily generated from Global Mapper or from ArcMap > Tile Package > PBS > MBTiles.

arcgis server basemap: expensive
arcgis.com suscribing service: expensive when it is serving large custom basemap
tileserver: free and could be used on any webhosting site.

Please add this ability to support WebTile basemap format,
FlexViewer already supports it, but yet again Flex needs Flash to run and not many people like it.

I added the following function to the initMap function in controller.js for what it is worth:

    initMap: function ()
    {
        this.map = new esri.Map("map", {
            extent: new esri.geometry.Extent(config.initialExtent)
        });

        //20130523 - Added by K Gerhartz to enable passing X,Y coords in map spatial reference URL parameters to set initial location
        var urlObject = esri.urlToObject(window.location.href);
        if (urlObject.query)
        {
            if (urlObject.query.x && urlObject.query.x)
            {
                var xcoord = parseFloat(urlObject.query.x);
                var ycoord = parseFloat(urlObject.query.y);
                var initialLocation = esri.geometry.Point(xcoord, ycoord, this.map.spatialReference);
                this.map.centerAndZoom(initialLocation, 4);
            }
        }

Hi David, I managed to get a simple application (.Net) working using your template and our secured services, specifying a token in the proxy.config file but I need to have the token dynamically generated.

The notes in proxy.config say I need to add username/password to web.config (appSettings) when using dynamicProxy=true. However, my searches show username and password as attributes of the tag.

I have tried all combinations but no matter what I do, I cannot get dynamicToken=true to work.

Hi David,
Your application is great, but I would like to have popup option instead of the infoTemplate for the operational layer. How do I change the config file to use the popup widget. Many thanks

Is there a way to config the infotemplate to show attachments?

I'm using the basemapMode: custom and put my basemap information into the Basemap widget. It loads on the map fine, but the initial extent doesn't work.

If I change basemapMode to agol, the initial extent works fine.

The spatial reference of my basemap is NAD_1927_UTM_Zone_17N(US_ft)

or

ROJCS["NAD_1927_UTM_Zone_17N",GEOGCS["GCS_North_American_1927",
DATUM["D_North_American_1927",SPHEROID["Clarke_1866",6378206.4,294.9786982]],
PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],
PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",1640419.947506562],
PARAMETER["False_Northing",0.0],PARAMETER["Central_Meridian",-81.0],
PARAMETER["Scale_Factor",0.9996],PARAMETER["Latitude_Of_Origin",0.0],UNIT["Foot",0.3048]]

This is what I'm using:
initialExtent: {
xmin: -9070896.802141903,
ymin: 2178149.5580137977,
xmax: -9016129.671375647,
ymax: 2206087.291851992,
spatialReference: {
wkid: 102100
}
},

Any idea why the initial extent works for the agol basemaps, but not when I use my custom basemap?

I really appreciate this viewer template. Esri (Redlands) refuses to make one with a smile on their face. I have been working with the Esri Flex Viewer for four years. My latest version (severely enhanced) will be my last (http://gis.hamiltoncounty.in.gov/flexviewer/index.html).

I have started configuring and enhancing your JavaScript Viewer (http://gis.hamiltoncounty.in.gov/jsViewer-DEV/index.html). I feel like a novice again, learning JavaScript, Dojo, HTML, and CSS all at the same time. Not to mention FireBug. Your JavaScript Viewer is teaching me, and that's what I needed!

I hope the credit I have given you on the splash page I added (Welcome tab and About tab) is sufficient.

Thank You, Thank You, Thank You!

David, first of all great work on the TOC feature. This helped me out a lot. I am trying to figure out a way to incorporate the Attachment Editor to the application. For the life of me, I am kind of lost figuring it out with this app. Any help would be appreciated.

David,

If our basemaps go beyond the standard level of details is there a way to specify a default lod for the entire app? For example my basemaps go to 1:600 and 1:300. Even if I specify the lods for the map services that do have more scales I am still limited to the default scales. Is there any way to get past this limitation, possibly by specifying with the config.js?

In Flex I do this under the map tag using in the config.xml file.
lods
lod resolution="156543.03392800014" scale="591657527.591555"
lod resolution="78271.516963999937" scale="295828763.79577702"
lod resolution="39135.758482000092" scale="147914381.89788899"
lod resolution="19567.879240999919" scale="73957190.948944002"
lod resolution="9783.9396204999593" scale="36978595.474472001"
lod resolution="4891.9698102499797" scale="18489297.737236001"
lod resolution="2445.9849051249898" scale="9244648.8686180003"
lod resolution="1222.9924525624949" scale="4622324.4343090001"
lod resolution="611.49622628137968" scale="2311162.2171550002"
lod resolution="305.74811314055756" scale="1155581.108577"
lod resolution="152.87405657041106" scale="577790.55428899999"
lod resolution="76.437028285073239" scale="288895.27714399999"
lod resolution="38.21851414253662" scale="144447.638572"
lod resolution="19.10925707126831" scale="72223.819285999998"
lod resolution="9.5546285356341549" scale="36111.909642999999"
lod resolution="4.7773142679493699" scale="18055.954822"
lod resolution="2.3886571339746849" scale="9027.9774109999998"
lod resolution="1.1943285668550503" scale="4513.9887049999998"
lod resolution="0.59716428355981721" scale="2256.994353"
lod resolution="0.29858214164761665" scale="1128.4971760000001"
lod resolution="0.15875031750063501" scale="600"
lod resolution="0.079375158750317504" scale="300"
lods

but in the example found here I am not sure how to accomplish the same in javascript.
http://developers.arcgis.com/en/javascript/jssamples/map_switch_layer_on_zoom.html

because in this example they are specifying the lods for each layer/map service and not the application/map itself.

click the sidebarCollapseButton to collapse the left part,then zoom in(out) the map,the map is abnormal , and the graphic added to the map disappeared.

I am trying to add different colored text to the map and print it off as a pdf. However all of the text changes to black when it gets printed.

I've inserted my map services into the config. I get these errors when zooming in and out on the map, and the map fails to redraw.

First off, thanks for the template...nice work! I am curious if it is possible to incorporate an agol webmap by its webmap id?

Hi,
I created a new widget that will allow a user to select a state from a dropdown list, the issue I am having is when they zoom to a state, I am getting an error indicating that my zoomtostate function is not defined. I am trying follow the coding methodology of the API. I can get it to work in basic html template, but trying to incorporate it into the API is where I am having a few issues. i am not sure if I need to add code to the config.js or not.
I used the dropdown list example for states found in the sample page. Once I get it work, I plan to customize it using my own data.
Thanks.

Hello!

Is there any simple or not-so-simple solution to avoid infotemplate window popping out when using for example Draw or Measurement widget?
It seems to me tricky to disconnect that event handler from dojo widget...

Thanks,
Raivo Alla

I fixed a minor "bug" (?) in Identify.js but am not familiar with github enough to be able to contribute directly. I found that the identify task would get results for layers that were not visible at the top level - the map service in TOC. To get round this I updated Identify.js at line 50 as follows:-

            if (layer.ref.visible) {
                if (layer.ref.visibleLayers.length !== 0 || layer.ref.visibleLayers[0] === -1) {
                    var params = lang.clone(identifyParams);
                    params.layerIds = layer.ref.visibleLayers;
                    identifies.push(layer.identifyTask.execute(params))
                }
            }

I am not able to get the proxy working correctly with a combination of secured and unsecured services. I had a similar problem with a custom map I made in another application when upgrading to 3.8. My work around there was to use the addProxyRule() method instead of having 'alwaysUseProxy' property set to true.

I have added the new proxy.ashx that can request dynamic tokens and configured my proxy.config to include the credentials. I then tried the following code in Controller.js (esri/urlUtils included):-

    initConfig: function () {
        urlUtils.addProxyRule({
            urlPrefix: "btwgis01:6080/arcgis/rest/services/BTWInternal",
            proxyUrl: "proxy/proxy.ashx"
        });
        //esri.config.defaults.io.proxyUrl = config.proxy.url;
        //esri.config.defaults.io.alwaysUseProxy = config.proxy.alwaysUseProxy;
        esri.config.defaults.geometryService = new GeometryService(config.geometryService.url);
    },

I always get prompted for the credentials. It's as if I have the initialisation code in the wrong place. Because once I enter the details, the token is retrieved and included with service calls as required. Am I on the right track, or am I in the wrong place for initialisation?

Hi David,

I am trying to add my own widget to extend what you already have created but I'm having difficulty figuring out what needs to be done. So far I have created a Coordinates.js file which contains this code:

define([
    "dojo/_base/declare",
    "dijit/_WidgetBase"
    ], function(declare, _WidgetBase) {

    return declare([_WidgetBase], {
        coordMapPoint: null,    
        lonlat: function() {
            this.coordMapPoint = esri.geometry.webMercatorToGeographic(evt.mapPoint);
        },
        startup: function() {
            this.inherited(arguments);

            // Call latlon!!!!!!
            console.log("evt.mapPoint: " + esri.geometry.webMercatorToGeographic(evt.mapPoint));                        
            // this.coordMapPoint = esri.geometry.webMercatorToGeographic(evt.mapPoint);
            // console.log("coord: " + this.coordMapPoint);         
        }
    });
});

In the Controller.js file I have added these lines:

            this.coordinates = new Coordinates({}, "coordinatesDijit");
            this.coordinates.startup();
//          console.log("COORD:"+this.coordinates.coordMapPoint);
            dom.byId("mapCoordinates").innerHTML = this.coordinates.coordMapPoint; 

All my efforts have failed. It fails when I use the webMercatorToGraphic function. Any ideas on how to get this working?

When using the Editor Widget on an iPAD using iOS 7, a user starts an editing session by clicking on the "Start Editing" button. The templatePicker then opens up, but users are unable to select the icons that represent the featurelayers. Attempting to select a featurelayer results in a tooltip showing up with a blank accordion bar in the background.

I have created some icons within the header section, that when clicked, for example, I would like to open a floating pane to house the Draw widget instead of the Draw widget in the sidebar. Can you provide a little insight on how I would accomplish this task? I was trying to utilize the About or Help code but the dialog window is modal. Thanks.

Hi,

I created a new widget similar as Draw/Search/Navigation, and put a dojo button in the templates html file (e.g.,
Start
). I want to change the "disabled" property for this button in the corresponding js file to "true". The code that I use is: domProp.set("startIdButton", "disabled", true), but it seems that it doesn't work. I don't know if there is any trick to set properties for the widgets in this template?

Also, I want to put a img control in the template html, but I found that the src property of the html img control can't be found with regular path (e.g.,../js/gis/dijit/identify/images/loading32.gif). I can only put the binary file of this image in the src property to make it work. What makes this setting different?

Many thanks,

Wei

From the changelog: "Added support for custom basemaps in the basemaps widget."

It's working great! But, will it be possible some day to make this kind of basemap (WebTiledLayer) appear also in the Print widget outprint?

Thank you for this template (first one I easily got to work with our custom basemaps),

Raivo Alla

Hi,
Is it possible to add Google maps as a base map Layer in your ConfigurableViewer application, specifically the SteetView. I have been able to incorporate it some of my other JS templates, but not sure how involved this might be for this application or if it is even an option

Thanks.

When you hide the side bar, any map services under 'Layers' in the TOC leave the sliders displayed. See attached.

If one starts an editor session and then immediately selects a feature and opens the attribute editor, then the attribute form appears as one would expect in a writable state. If one first clicks on a feature to display it's info window, one is subsequently unable to open the attribute form in a writable state.

Hi David, fantastic framework application you've made, it's helped us a lot here.

My question: In Controller.js > initLayers() the code creates each of the layers from the config file then uses 'this.map.addLayers' to add them to the map. In my app, we have different map services that different security groups can see, and my hope is that I can make it so that I just ignore the 403 errors returned for layers the user doesn't have access to. However, capturing the network traffic I receive a 200 return code and the following as a response body:

dojo.io.script.jsonp_dojoIoScript1._jsonpCallback({"error":{"code":403,"subcode":2,"message":"User does not have permissions to access 'mapservice1.mapserver'.","details":[]}});

When I get that error I also get another error logged to the console of: TypeError: Unable to get property 'trim' of undefined or null referenceTypeError: Unable to get property 'trim' of undefined or null reference - at Anonymous function (http://localhost/ArcGisJsApi/library/3.9/init.js:175:330)

I was hoping to somehow capture these 403's through an 'addLayer' event or something similar, but can't see any possible way to do it. Is there a straightforward to do that or is everything I'm trying to do with security a terrible idea to begin with?

Thanks!

David,

Can you provide an example of how to mashup multiple basemaps and which file we would need to edit in order to do so?

I dont Know if its simple to take the code of the home button directly in your other script and copy in config.js . For the other needed functions: Texte in Draw tool will be great, also chaging the size of the line or texte on the fly...
The last one: display attribut from any dynamic map layers, i know you make that for feature services..just give and example or how to do...If you want put an other site demo in your configure code javascript download you have the right to put a link to the ICAO GIS web site go to http://gis.icao.int i make a link to your script and you put that example:
http: // gis.icao.int/icaoviewer. For your demo 2, i try also in the BASEMap Layer to put open soure for a custom map, i dont succed?
By the , I use your template to make all the MAPS during the search for the plane in malaysia, I pass all days long, MAny thanks for your great work, GIlbert Lasnier Aeronautical GIS analyste

David,

I am still having a hard time figuring out how to mashup my map services on top of esri map services. Inside Basemap.js I added a few lines of code and cannot see my map service mashed up in the Hybrid map service. You know my javascript skills are novice at best but if I could just get one thing to work it would help a ton I think.

Code:
hybrid: {
title: "Hybrid",
basemap: new Basemap({
id: "hybrid",
layers: [new BasemapLayer({
url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"
}), new BasemapLayer({
url: "http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer",
isReference: true,
displayLevels: [0, 1, 2, 3, 4, 5, 6, 7]
}), new BasemapLayer({
url: "http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer",
isReference: true,
displayLevels: [8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]
}), new BasemapLayer({
url: "http://maps.clermontauditor.org/arcgis/rest/services/WMAS/Hybrid/MapServer",
isReference: true,
displayLevels: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]
})]
})
},

Hello All,
I am fairly new to this project but from the short time I have spent with it, this has been very helpful and easy to use.. thank you for all of your work David!

I have several map service layers that I have included in the operational layers in config.js. These layers included labels when they were published, however those labels aren't showing up when they are viewed in the ConfigurableViewerJSAPI map. I haven't been able to figure out how to get these labels to show up on the map.

Thanks in advance for any help!

Gregory Roberts

When one of the measurement or drawing tools is activated, the identify popup is preferably be disabled.

Hi David,
I just downloaded your app, which I think is formidable and very useful, but I havent been able to add more layers to the operationalLayers array, I am just getting drawn the last one in the array. How to do that?
Thanks

Hi David,
first of all congratulations for the work done! Then a little issue ;-):
I have modified the config.js to adding a dynamic MapService in this way:

type: "dynamic",
            url: "http://www.cartografia.regione.lombardia.it/ArcGIS10/rest/services/Commercio/GrandiStruttureVendita/MapServer",
            title: "Grandi Strutture di Vendita",
            options: {
                id: "StruttureVendita",
                opacity: 0.5,
                visible: true,
                outFields: ["*"],
                infoTemplate: new InfoTemplate("Strutturevendita", "${*}"),
                mode: 0
                          }

but when I try to identify one of the layers present in the MapService I don't get any information, is it necessary use type:"feature" to do an identification on a layer?

Thanks.
Paolo

Request For Help

First of all congratulations for the work done!
I need to implement OverviewMap in the project, can you help-me?

Every time I set the legend to not be included, none of the other widgets show up. Is there an easy fix for this?

This template is terrific! I've been trying to do a lot of this stuff on my own and been getting hung up on a lot of things.

Would a check box for turning on and off layers be appropriate?

Hello; I am completely new to JS world, i want to try your sample. I have downloaded the viewer and opened the application in Aptana. I am getting attached error, I looked into fiddler I could not find anything. I use IE8 browser. I am from .NET world, please help on this. I would like to customize the viewer to meet the basic requirement. Thanks again. Nice to part of JS API group.

Hi David. Hope you are doing well. Maybe ESRI would like to adopt this as their official javascript viewer and let you work on it full time? Ha. Never hurts to suggest ... Thanks again for what you have done. Keith

Can your default print service be substituted for a custom print service that we have? I tried to put the new rest end point into the code and everytime I press the print button it just has the error try again?

Thanks!