Latest Contributions by ADITYAKUMAR1

‎02-13-2019

Hi, I have a Picturemarker. When I am trying to print along with the symbol my Print is failing.While printing without the symbol is working. Any clue about this behavior? var point = evt.mapPoint; let parent = this; var xhr = new XMLHttpRequest(); xhr.open("GET", "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg", true); xhr.responseType = "blob"; xhr.onload = function (e) { console.log(this.response); var reader = new FileReader(); let parent1 = parent; reader.onloadend = () => { //reader.onload = function (event) { var res = reader.result; console.log(res.split(',')[1]); res = res.split(',')[1]; var point = evt.mapPoint; var stopSymbol = new PictureMarkerSymbol({ "type": "esriPMS", "width": 31, "height": 31, "imageData": res, "angle": 0, "xoffset": 0, "yoffset": 0 }); var stop = parent1.map.graphics.add(new Graphic(point, stopSymbol)); pxWidth = parent1.map.extent.getWidth() / parent1.map.width; padding = 3 * pxWidth; qGeometry = new Extent({ "xmin": point.x - padding, "ymin": point.y - padding, "xmax": point.x + padding, "ymax": point.y + padding, "spatialReference": point.spatialReference }); topic.publish("mapClick", { X: point.x, Y: point.y }); }; var file = this.response; reader.readAsDataURL(file) }; xhr.send() Error: Thanks Aditya Kumar

‎11-21-2018

Hi , I am trying to add custom map in basemapgallery widget. var topoLayer = new BasemapLayer({ url: 'https://xxxx/arcgis/rest/services/xxxx/MapServer' }); // topo item for gallery var topoBasemap = new Basemap({ layers: [topoLayer], id: 'topo', title: 'Topo', thumbnailUrl: 'http://www.arcgis.com/sharing/rest/content/items/6e03e8c26aad4b9c92a87c1063ddb0e3/info/thumbnail/topo_map_2.jpg' }); But on execution I am getting the below error. Map: Geometry (wkid: 102642) cannot be converted to spatial reference of the map (wkid: 102100) Any clue? Thanks Aditya Kumar

‎09-10-2018

Hi Robert, This the routing result i am getting. Once I grad the 2 stops out of the map extent and bring them back, you can see the text symbol changes its position. i am using the route task here, function showRoute(evt) { routes = []; if (evt.result && evt.result.routeResults) { //**//*** To plot the route with route symbol **// array.forEach(evt.result.routeResults, function (routeResult, i) { routes.push(graphics.add(routeResult.route.setSymbol(routeSymbol))); //routes.push(graphics.add(routeResult.stops.setSymbol(circle))); if (routeResult.stops) { for (var i = 1; i <= stops.length; i++) { array.forEach(stops, function (stop) { if (stop.attributes.OBJECTID == i) { var symbol = new PictureMarkerSymbol(xxxxx+ "Images/marker/inspection-map-markers-no-status.png", 20, 20).setOffset(0, 0); var newGraphic = new Graphic(stop.toJson()); newGraphic.setSymbol(symbol); graphics.add(newGraphic); textSymbol = new TextSymbol(stop.attributes.OBJECTID); textSymbol.setFont(font); textSymbol.setColor(new Color([255, 0, 0])); //textSymbol.setAlign(TextSymbol.ALIGN_START); // textSymbol.setAngle(360); textSymbol.setOffset(5, 5) stop.setSymbol(textSymbol); } }); } } Any suggestion why its performing in this way.Please share. Thanks Aditya Kumar

‎09-05-2018

Hi Robert, We are using Routetask. To my surprise the code is working perfectly now. Thanks Aditya Kumar

‎09-03-2018

if (routeResult.stops) { for (var i = 1; i <= stops.length; i++) { array.forEach(stops, function (stop) { if (stop.attributes.OBJECTID == i) { var circle = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 20, new SimpleLineSymbol(SimpleLineSymbol.STYLE_NULL, new Color([0, 0, 205, 1]), 1), new Color([0, 0, 205, 1])); var newGraphic = new Graphic(stop.toJson()); newGraphic.setSymbol(circle); graphics.add(newGraphic); textSymbol = new TextSymbol(stop.attributes.OBJECTID); textSymbol.setFont(font); textSymbol.setColor(new Color([255, 255, 255])); stop.setSymbol(textSymbol); } }); } } Thanks Aditya

‎09-01-2018

Hi Robert, Thanks for the response. The desired result has been achieved. But I see a strange behavior here. I am dragging the textSymbol out of extent. And when i bring the textSymbol back to extent,the textSymbol goes missing. Please share if you have any idea on this. Thanks Aditya Kumar

‎08-31-2018

Thanks Robert, I missed to add it to the map. I have one small issue over the ordering. The text Symbol is coming under the Marker Symbol. Is there a way we can have Marker symbol and on top the Text Symbol. Thanks Aditya

‎08-31-2018

Hi Robert, I tried like this for (var i = 1; i <= stops.length; i++) { array.forEach(stops, function (stop) { if (stop.attributes.OBJECTID == i) { routeParams.stops.features.push(stop); textSymbol = new TextSymbol(stop.attributes.OBJECTID); textSymbol.setFont(font); textSymbol.setColor(new Color([255, 255, 255])); stop.setSymbol(textSymbol); } var circle = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 20, new SimpleLineSymbol(SimpleLineSymbol.STYLE_NULL, new Color([0, 0, 205, 1]), 1), new Color([0, 0, 205, 0.5])); var newGraphic = new Graphic(stop.toJson()); newGraphic.setSymbol(circle); }); } But i am not getting the Circle marker. Only the text symbol is coming. Thanks Aditya

‎08-15-2018

Hi Developers, I want to have a Circle marker followed by a value geometry location. Right now I am using the below code. But its giving me either of the functionality. Not both at the same time. var CircleSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CICRLE, 10, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color([255, 0, 0]), 2), new Color([0, 255, 0, 0.25])); textSymbol = new TextSymbol(stop.attributes.OBJECTID); textSymbol.setFont(font); textSymbol.setColor(new Color([255, 255, 255])); stop.setSymbol(CircleSymbol); stop.setSymbol(textSymbol); While I am looking for a style like below. In case you have any suggestion or solution please share. Thanks in advance. Kumar

‎12-04-2017

Hi , Is there a way that while creating the div , the user can provide name to the div as well as delete. Similar to Edit bookmarks | ArcGIS API for JavaScript 3.22 . Thanks Aditya

‎11-29-2017

Thanks a lot Robert, this is what I was looking for. Aditya Kumar

‎11-29-2017

Here is code on which I am working. I am able to store the code in local storage but not able to pull the data. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Bookmarks - 4.5</title> <link rel="stylesheet" href="https://js.arcgis.com/4.5/esri/css/main.css"> <script src="https://js.arcgis.com/4.5/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } .bookmark-container { position: absolute; top: 100px; left: 15px; padding: 1rem; background: #ffffff; border-radius: 4px; border: 1px solid #eeeeee; box-sizing: border-box; } .esriBookmarks { width: 100%; position: relative; } .esriBookmarkTable { border-spacing: 0; border-collapse: collapse; } .esriBookmarkItem { padding: 5px 10px; width: 100%; border: 1px solid transparent; height: 36px; cursor: pointer; } .esriBookmarkItem > *{ pointer-events: none; } .esriBookmarkLabel { position: relative; float: left; overflow: hidden; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; margin-left: 0; user-select: none; } .esriBookmarkHighlight { background-color: #e2f1fb; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .esriAddBookmark { color: #6e6e6e; } </style> <script> require([ "esri/Map", "esri/WebScene", "esri/views/MapView", "esri/views/SceneView", "dojo/dom-class", "dojo/query", "dojo/on", "esri/geometry/Extent", "dojo/dom-construct", "dojo/cookie", "dojo/domReady!" ], function( Map,WebScene, MapView, SceneView,domClass, dojoQuery, on, Extent, domConstruct,cookie ) { var webScene = new WebScene({ portalItem: { // autocasts as new PortalItem() id: "b1f8fb3b2fd14cc2a78728de108776b0" } }); // create the scene view var view = new SceneView({ container: "viewDiv", map: webScene, environment: { lighting: { directShadowsEnabled: false } } }); var bookMarkItems = dojoQuery(".esriBookmarkItem"); bookMarkItems.forEach(function(bookMarkItem){ on(bookMarkItem, "click", bookmarkEvent); on(bookMarkItem, "mouseover", addMouseOverClass); on(bookMarkItem, "mouseout", removeMouseOverClass); }); function addMouseOverClass(evt) { domClass.add(evt.target, "esriBookmarkHighlight"); } function removeMouseOverClass(evt) { domClass.remove(evt.target, "esriBookmarkHighlight"); } function bookmarkEvent(evt) { if (domClass.contains(evt.target, "esriAddBookmark")){ var bmTable = dojoQuery(".esriBookmarkItem")[0]; var item = domConstruct.toDom('<div class="esriBookmarkItem" data-extent="' + view.extent.xmin+','+view.extent.ymin+','+view.extent.xmax+','+view.extent.ymax+','+view.extent.spatialReference.wkid + '"><div class="esriBookmarkLabel">New Bookmark</div></div>'); //console.log(view.extent.xmin); var extents = []; extents.push(view.extent.xmin,view.extent.ymin,view.extent.xmax,view.extent.xmax,view.extent.spatialReference.wkid); var stringifedExtents = JSON.stringify(extents); localStorage.setItem("myBookmarks", stringifedExtents); extentArray = JSON.parse(localStorage.getItem("myBookmarks")); console.log(extentArray); domConstruct.place(item, bmTable, "last"); on(item, "click", bookmarkEvent); on(item, "mouseover", addMouseOverClass); on(item, "mouseout", removeMouseOverClass); return; } var extArr = evt.target.dataset.extent.split(","); // console.log(evt.target.dataset.extent); view.goTo(new Extent({xmin: extArr[0], ymin: extArr[1], xmax: extArr[2], ymax: extArr[3], spatialReference: {wkid: parseInt(extArr[4])}}), {duration: 2000}); } }); </script> </head> <body class="calcite"> <div id="viewDiv"> <div class="bookmark-container"> <div class="esriBookmarks" id="bookmarks"> <div class="esriBookmarkList"> <div class="esriBookmarkTable"> <div class="esriBookmarkItem" data-extent="-12975151.579395358,3993919.9969406975,-12964144.647322308,4019507.292159126,102100"> <div class="esriBookmarkLabel">Palm Springs, CA</div> </div> <div class="esriBookmarkItem" data-extent="-13052123.666878553,4024962.9850527253,-13041116.734805504,4050550.280271154,102100"> <div class="esriBookmarkLabel">Redlands, Ca</div> </div> <div class="esriBookmarkItem" data-extent="-13048836.874662295,3844839.127898948,-13037829.942589246,3870426.4231173764,102100"> <div class="esriBookmarkLabel">San Diego, CA</div> </div> </div> </div> <div class="esriBookmarkItem esriAddBookmark"> <span style="float:left; line-height:26px; padding-right: 4px;" class="esri-icon-plus" aria-label="add icon"></span> <div class="esriBookmarkLabel">Add Bookmark</div> </div> </div> </div> </div> </body> </html>

‎11-28-2017

Hi Rodgiro, As of now I am not storing it in cookies. Its just as provided by one of my friend . function bookmarkEvent(evt) { if (domClass.contains(evt.target, "esriAddBookmark")) { var bmTable = dojoQuery(".esriBookmarkTable")[0]; var item = domConstruct.toDom('<div class="esriBookmarkItem" data-extent="' + sceneview.extent.xmin + ',' + sceneview.extent.ymin + ',' + sceneview.extent.xmax + ',' + sceneview.extent.ymax + ',' + sceneview.extent.spatialReference.wkid + '"><div class="esriBookmarkLabel">New Bookmark</div></div>'); domConstruct.place(item, bmTable, "last"); on(item, "click", bookmarkEvent); on(item, "mouseover", addMouseOverClass); on(item, "mouseout", removeMouseOverClass); return; } Thanks Aditya Kumar

‎11-28-2017

Can anyone help me with the storage of map extent in cookies in ArcGIS JavaScript 4.x? I am not able to store the extent in cookies. Thanks Aditya

‎11-20-2017

Hey Robert, Thanks a lot. This is exactly what I was looking for.

Online Status	Offline
Date Last Visited	‎12-08-2023 12:01 AM

My Ideas

Latest Contributions by ADITYAKUMAR1

Print widget not working with Print Symbol.

Spatial reference Basemap

Re: SimpleMarkerSymbol and text symbol at same geometry.

Re: SimpleMarkerSymbol and text symbol at same geometry.

Re: SimpleMarkerSymbol and text symbol at same geometry.

Re: SimpleMarkerSymbol and text symbol at same geometry.

Re: SimpleMarkerSymbol and text symbol at same geometry.

Re: SimpleMarkerSymbol and text symbol at same geometry.

SimpleMarkerSymbol and text symbol at same geometry.

allow user to edit div label and delete the div

Re: Store bookmark in cookies

Re: Store bookmark in cookies

Re: Store bookmark in cookies

Store bookmark in cookies

Re: Bookmark in arcgis Javascript 4.x

Re: Text symbol not coming after print

Re: Print performance is not the same everytime.

TOC in arcgis javascript 4.x

Re: Table of content with checkbox and opacity sli...