Latest Contributions by VenkataSrikanth_Dasari

Thanks for the suggestions. However, feature layer is too slow to render on the map.. and it is requesting multiple requests to the server with different extents which affects the performance.. Any other suggestions ? ... View more

Thank you for the immediate response.. what is the limit if we use IN operator?? ... View more

Thanks for the reply. I need in the web application using Javascript API. ... View more

These are the Important things are IgnorePopups and map.getLayer().. that resolved the issue... Happy Monday Thanks,  Srikanth Dasari ... View more

Exactly. ... View more

So do I need to customise the code for the attribute Inspector widget?? The only code I am using from the link is related to AttributeInspector... I am using operational layers not creating FeatureLayers... Here is the code I am using.. Looping through response.ItemInfo.itemData.operationalLayers    checking if it is a FeatureLayer    creating an editable layers array response.ItemInfo.itemData.operationalLayers var layerInfos = [     {         'featureLayer': editableLayers[0],         'isEditable': true,         'disableAttributeUpdate': false,         'fieldInfos': editableLayers[1].popupInfo.fieldInfos     },     {         'featureLayer': editableLayers[1],         'isEditable': true,         'disableAttributeUpdate': false,         'fieldInfos': editableLayers[1].popupInfo.fieldInfos     } ]; attInspector = new AttributeInspector({     layerInfos: layerInfos }, '<div></div>'); attInspector.startup(); var validFeatures=[]; imgEditorElement.on("click",function(){     angular.element('#editorContainer').css('display','block');     btnBack.on("click",function(evt){         angular.element('#templatePickerContainer').css('display','block');         angular.element('#attributeEditorContainer').css('display','none');     });     var templatePicker = new TemplatePicker({         featureLayers: layers,         grouping: true,         rows: "auto",         columns: 3,         showTooltip: true     }, $attrs.templatePickerTargetId);     templatePicker.startup();     var _mapClick;     if (map) {         _mapClickHandler(true);     }     function _mapClickHandler(create) {         _attrInspIsCurrentlyDisplayed=false;         if (create === true && _attrInspIsCurrentlyDisplayed === false) {             map.setInfoWindowOnClick(false);             if (_mapClick === undefined || _mapClick === null) {                 _mapClick = map.on("click", lang.hitch(this,function(evt){                         map.infoWindow.hide();                         angular.element('#templatePickerContainer').css('display','none');                         angular.element('#attributeEditorContainer').css('display','block');                        //var layers=map.getLayersVisibleAtScale();                         var EditlayerInfos=[];                         var deferreds=[];                     array.forEach(layers,lang.hitch(this,function(layer){                         if(!(layer.allowGeometryUpdates && layer.allowGeometryUpdates==true))                             return;                         var line = new SimpleLineSymbol();                         line.setColor(new Color([36, 36, 36, 1]));                         var fill = new SimpleFillSymbol();                         fill.setColor(new Color([0, 168, 132, 0.25]));                         fill.setOutline(line);                         layer.setSelectionSymbol(fill);                         //EditlayerInfos.push(layer);                         var selectQuery = new Query();                         //selectQuery.geometry = editUtils.pointToExtent(this.map, evt.mapPoint, 20);                         var pixelWidth = map.extent.getWidth() / map.width;                         var toleranceInMapCoords = 20 * pixelWidth;                         selectQuery.geometry=new Extent(evt.mapPoint.x - toleranceInMapCoords,                             evt.mapPoint.y - toleranceInMapCoords,                             evt.mapPoint.x + toleranceInMapCoords,                             evt.mapPoint.y + toleranceInMapCoords,                             map.spatialReference);                         var deferred = layer.selectFeatures(selectQuery,                             FeatureLayer.SELECTION_NEW,                             lang.hitch(this, function (features) {                                 array.forEach(features, function (feature) {                                     //map.graphics.add(new graphic(feature.geometry,feature.symbol));                                     validFeatures.push(feature);                                 });                             }));                         deferreds.push(deferred);                     })); ... View more

Hi, Here is the code for taking the screenshot of the map. I think you have to use your own hosted layers to get the layers in the screenshot.  With this code you can download the image with high resolution. If you want to decrease resolution then you have to the below statements.  canvas.toDataURL("image/jpg", 0.5); I can't attach the supported file here so you can download the below mentioned script files from the internet 1. html2canvas.js and html2canvas.svg.js  2. html2proxy.php from the screenshot widget 3. filesaver also from the screenshot widget. <!DOCTYPE html> <html> <head> <title>Test screen shot</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <link rel="stylesheet" href="https://js.arcgis.com/3.23/esri/css/esri.css"> <style> #tools { top: 20px; color: #444; height: auto; font-family: arial; right: 20px; margin: 5px; padding: 10px; position: absolute; width: 115px; z-index: 40; border: solid 2px #666; border-radius: 4px; background-color: #fff; } html, body, #mapDiv { padding:0; margin:0; height:100%; } button { display: block; } #mapDiv{ height: 100%; } </style> <script type="text/javascript" src="html2canvas.js"></script> <script type="text/javascript" src="html2canvas.svg.js"></script> <script type="text/javascript" src="CanvasToBlob.js"></script> <script type="text/javascript" src="fileSaver.js"></script> <script src="https://js.arcgis.com/3.23/"></script> <script> var map; require([ "esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dojo/dom", "dojo/on", "dojo/domReady!" ], function( Map, ArcGISDynamicMapServiceLayer, dom, on ) { map = new Map("mapDiv", { basemap: "streets", center: [-25.312, 34.307], zoom: 3 }); map.on("load", init); var demographicsLayer = new ArcGISDynamicMapServiceLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer"); map.addLayer(demographicsLayer); function init() { on(dom.byId("screenShotTool"), "click", function(evt) { screenShot(); }); } function screenShot(){ // html2canvas(document.getElementById('mapDiv')).then(function(canvas){ // document.body.appendChild(canvas); //}); html2canvas(document.getElementById("mapDiv_container"), { "logging": true, //Enable log (use Web Console for get Errors and Warnings) "useCORS": true, //"allowTaint": true, "proxy": "html2canvasproxy.php", // "timeout": "0", onrendered: function (canvas) { //document.body.appendChild(canvas); //this.screenshotDataURI = canvas.toDataURL("image/jpg", 0.5); canvas.toBlob(function (blob) { saveAs(blob, "Screenshot.png"); }); } }); } }); </script> </head> <body> <div id="tools"> <button id="screenShotTool">Screen shot</button> </div> <div id="mapDiv"></div> </body> </html> Please let me know if you have any questions. Cheers, Srikanth Dasari ... View more

Please have a look into screenshot widget for the proxy.php in the custom widgets list. Meanwhile, I would like to frame the code properly and will upload the working screenshot widget. Cheers, Srikanth Dasari ... View more