Latest Contributions by JeffJacobson

Have you looked at the browser's console to look for any error messages? When you have something that doesn't work properly in some browsers but not others, it's usually because your code is using a JavaScript feature that has not yet been implemented in the browser that is not working. In this case you'll need to add a "polyfill" to add the missing feature to the browser, if possible. (Some features cannot be added via polyfills.) ... View more

You'll need to add your custom basemap to the esri/basemaps list before creating the esri/Map object. ... View more

Below are links to JSFiddles showing that 3.17 and 3.18 behave differently. 3.17 3.18 Below is the code from the fiddles (in case the above links break in the future). <div id="map"></div> <div id="basemapGalleryContainer">     <div id="basemapGallery"></div> </div>‍‍‍‍ html, body {     height: 100%;     overflow-y: hidden; } html, body, #map, .map.container {     padding:0;     margin:0; } #map, .map.container {     height: calc(100% - 10em); } #basemapGalleryContainer {     height: 10em;     overflow-y: scroll; }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ require([     "esri/config",     "esri/map",     "esri/geometry/Extent",     "esri/dijit/BasemapGallery",     "esri/layers/ArcGISDynamicMapServiceLayer" ], function (esriConfig, Map, Extent, BasemapGallery, ArcGISDynamicMapServiceLayer) {     "use strict";     var map, basemapGallery, scalebar, wsdotBasemap, wsdotBasemapLayer;     esriConfig.defaults.io.corsEnabledServers.push("data.wsdot.wa.gov");     esriConfig.defaults.io.corsEnabledServers.push("basemap.nationalmap.gov");     // Create the map, explicitly setting the LOD values.     map = new Map("map", {         extent: new Extent({             "xmin": -14058520.2360666,             "ymin": 5539437.0343901999,             "ymax": 6499798.1008670302,             "xmax": -12822768.6769759,             "spatialReference": {                 "wkid": 3857             }         }),         lods: [                {"level": 0,"resolution": 56543.033928,"scale": 591657527.591555},                {"level": 1,"resolution": 78271.5169639999,"scale": 295828763.795777},                {"level": 2,"resolution": 39135.7584820001,"scale": 147914381.897889},                {"level": 3,"resolution": 19567.8792409999,"scale": 73957190.948944},                {"level": 4,"resolution": 9783.93962049996,"scale": 36978595.474472},                {"level": 5,"resolution": 4891.96981024998,"scale": 18489297.737236},                {"level": 6,"resolution": 2445.98490512499,"scale": 9244648.868618},                {"level": 7,"resolution": 1222.99245256249,"scale": 4622324.434309},                {"level": 8,"resolution": 611.49622628138,"scale": 2311162.217155},                {"level": 9,"resolution": 305.748113140558,"scale": 1155581.108577},                {"level": 10,"resolution": 152.874056570411, "scale": 577790.554289},                {"level": 11,"resolution": 76.4370282850732,"scale": 288895.0},                {"level": 12,"resolution": 38.2185141425366,"scale": 144447.638572},                {"level": 13,"resolution": 19.1092570712683,"scale": 72223.819286},                {"level": 14,"resolution": 9.55462853563415,"scale": 36111.909643},                {"level": 15,"resolution": 4.77731426794937,"scale": 18055.954822},                {"level": 16,"resolution": 2.38865713397468,"scale": 9027.977411},                {"level": 17,"resolution": 1.19432856685505,"scale": 4513.988705},                {"level": 18,"resolution": 0.597164283559817,"scale": 2256.994353},                {"level": 19,"resolution": 0.298582141647617,"scale": 1128.497176}           ],         minZoom: 7,         maxZoom: 19     });     // Create the basemap gallery using basemaps defined in a WSDOT group.     basemapGallery = new BasemapGallery({         map: map     }, "basemapGallery");     basemapGallery.startup();         // When the basemap gallery loads, select the first basemap with     // the title "Imagery Hybrid". (There should be only one, but that's what     // the code is doing.)     basemapGallery.on("load", function() {         var basemap, basemaps = basemapGallery.basemaps.filter(function(basemap){             return basemap.title === "Imagery with Labels";         });         if (basemaps && basemaps.length > 0) {             basemap = basemaps[0];             basemapGallery.select(basemap.id);         }     });    });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ... View more

I see. Dojo 2 is supposed to be built with TypeScript. Maybe once the ArcGIS API is using Dojo 2 (which I assume will be quite a while after Dojo 2 is actually released due to the complexity of the migration) the NPM stuff will become easier to implement. ... View more

The TypeScript compiler is capable of outputting AMD. See the module flag in the Compiler Options documentation. ... View more

But that requirement is not new for 3.18, right? Code that worked with 3.17 is now breaking with 3.18. ... View more

Since you're dealing with local KML files, you should really be doing the conversion on the client (in the browser via JavaScript) rather than on another server. A client-side conversion will be a lot faster than sending the KML to another server (arcgis.com or GP service). There are a number of libraries on NPM that can convert from KML to GeoJSON. From there you can use arcgis-to-geojson-utils to get from GeoJSON to ArcGIS features. ... View more

You can set up a load event to pick a specific basemap when the gallery loads.     basemapGallery = new BasemapGallery({         map: map,         basemapIds: map.layerIds     }, "basemapGallery");     basemapGallery.startup();         // When the basemap gallery loads, select the first basemap with     // the title "Light Gray Canvas". (There should be only one, but that's what     // the code is doing.)     basemapGallery.on("load", function() {         var basemap, basemaps = basemapGallery.basemaps.filter(function(basemap){             return basemap.title === "Light Gray Canvas";         });         if (basemaps && basemaps.length > 0) {             basemap = basemaps[0];             basemapGallery.select(basemap.id);         }     });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ... View more

I updated the "integrity" tag in the GeoPortal HTML so that it would work again. (The GeoPortal failure is what prompted this question.) The reason that it worked on your iPhone is that iOS doesn't support subresource integrity checking. ... View more

You can create an image client-side using HTML canvas. See this project: GitHub - WSDOT-GIS/arcgis-map-thumbnail-builder: Exports an image of an ArcGIS API for JavaScript map.  ... View more

If your web server is IIS, I would create a REST endpoint using ASP.NET Web API. The SQL query would occur here, on the web server, and return the query result as JSON. Your client-side code (JavaScript) would call this REST endpoint and convert the results into features. The ArcGIS API for JavaScript is not your only option for creating an interactive map. Leaflet is another alternative you might want to consider. If you go with Leaflet, you'll want your server-side code to return the data from SQL as GeoJSON​. ... View more

Alternatively, how to disable the fist level what causes branches to colapse? You can make the layer off by default by setting the visible property in the layer's constructor to false. If you want the user to NEVER be able to expand the list, you could probably accomplish this with CSS. ... View more

I actually requested this enhancement a while ago. It's status is currently In Product Plan, but I don't know when they actually plan to implement this. For now you will have to work around the issue by destroying and recreating your feature table. (There are other threads on GeoNet that have example code demonstrating how to do this.) #ENH-000094524   [Enhancement] Update Featuretable when the underlying Featurelayer's definition query changes Open Status: In Product Plan Severity: Medium Submitted: 2/28/2016 Product: ArcGIS API for JavaScript Version: 3.16 ... View more