Latest Contributions by TubaKumbara

‎05-11-2018

as below code i'm getting error message on console Uncaught TypeError: Cannot read property 'setTransform' of undefined at Object.m [as drawPoint] (MapView.js:801) at h.doRender (MapView.js:792) at h.d.processRender (MapView.js:322) at c.renderChild (MapView.js:788) at c.renderChildren (MapView.js:319) at c.doRender (MapView.js:315) at c.d.processRender (MapView.js:322) at g.renderChild (MapView.js:828) at g.c.renderChildren (MapView.js:319) at g.c.doRender (MapView.js:315) Thanks inadvance. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Sketch temporary geometries - 4.7</title> <link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/main.css"> <script src="https://js.arcgis.com/4.7/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; font-family: verdana; } #topbar { background: #fff; position: absolute; top: 15px; right: 15px; padding: 10px; } .action-button { font-size: 16px; background-color: transparent; border: 1px solid #D3D3D3; color: #6e6e6e; height: 32px; width: 32px; text-align: center; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); } .action-button:hover, .action-button:focus { background: #0079c1; color: #e4e4e4; } .active { background: #0079c1; color: #e4e4e4; } </style> <script> require([ "esri/views/MapView", "esri/Map", "esri/widgets/Sketch/SketchViewModel", "esri/Graphic", "esri/layers/GraphicsLayer", "dojo/domReady!" ], function( MapView, Map, SketchViewModel, Graphic, GraphicsLayer ) { // GraphicsLayer to hold graphics created via sketch view model var tempGraphicsLayer = new GraphicsLayer(); var updateGraphic; // Arctic Ocean Basemap var map = new Map({ basemap: "gray", layers: [tempGraphicsLayer] }); var view = new MapView({ container: "viewDiv", map: map, zoom: 3 }); var pointSymbol = { // symbol used for points type: "simple-marker", // autocasts as new SimpleMarkerSymbol() style: "square", color: "#8A2BE2", size: "16px", outline: { // autocasts as new SimpleLineSymbol() color: [255, 255, 255], width: 3 // points } } var polylineSymbol = { // symbol used for polylines type: "simple-line", // autocasts as new SimpleLineSymbol() color: "#8A2BE2", width: "4", style: "dash" } var polygonSymbol = { // symbol used for polygons type: "simple-fill", // autocasts as new SimpleFillSymbol() color: "rgba(138,43,226, 0.8)", style: "solid", outline: { color: "white", width: 1 } } view.when(function() { // create a new sketch view model var sketchViewModel = new SketchViewModel({ view: view, layer: tempGraphicsLayer, pointSymbol: pointSymbol, polylineSymbol: polylineSymbol, polygonSymbol: polygonSymbol }); setUpClickHandler(); // ************************************************************ // Get the completed graphic from the event and add it to view. // This event fires when user presses // * "C" key to finish sketching point, polygon or polyline. // * Double-clicks to finish sketching polyline or polygon. // * Clicks to finish sketching a point geometry. // *********************************************************** sketchViewModel.on("draw-complete", addGraphic); sketchViewModel.on("update-complete", addGraphic); sketchViewModel.on("update-cancel", addGraphic); function addGraphic(evt) { var geometry = evt.geometry; var symbol; // Choose a valid symbol based on return geometry switch (geometry.type) { case "multipoint": symbol = pointSymbol; break; case "polyline": symbol = polylineSymbol; break; default: symbol = polygonSymbol; break; } // Create a new graphic; add it to the GraphicsLayer var graphic = new Graphic({ geometry: geometry, symbol: symbol }); tempGraphicsLayer.add(graphic); // Remove stored reference to the updated graphic // Required in 'update-complete' callback specifically updateGraphic = null; } // ************************************* // activate the sketch to create a point // ************************************* var drawPointButton = document.getElementById("pointButton"); drawPointButton.onclick = function() { // set the sketch to create a point geometry sketchViewModel.create("point"); setActiveButton(this); }; // **************************************** // activate the sketch to create a polyline // **************************************** var drawLineButton = document.getElementById("polylineButton"); drawLineButton.onclick = function() { // set the sketch to create a polyline geometry sketchViewModel.create("polyline"); setActiveButton(this); }; // *************************************** // activate the sketch to create a polygon // *************************************** var drawPolygonButton = document.getElementById("polygonButton"); drawPolygonButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("polygon"); setActiveButton(this); }; // *************************************** // activate the sketch to create a rectangle // *************************************** var drawRectangleButton = document.getElementById( "rectangleButton"); drawRectangleButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("rectangle"); setActiveButton(this); }; // *************************************** // activate the sketch to create a circle // *************************************** var drawCircleButton = document.getElementById("circleButton"); drawCircleButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("circle"); setActiveButton(this); }; // ************** // reset button // ************** document.getElementById("resetBtn").onclick = function() { sketchViewModel.reset(); tempGraphicsLayer.removeAll(); setActiveButton(); }; function setActiveButton(selectedButton) { // focus the view to activate keyboard shortcuts for sketching view.focus(); var elements = document.getElementsByClassName("active"); for (var i = 0; i < elements.length; i++) { elements.classList.remove("active"); } if (selectedButton) { selectedButton.classList.add("active"); } } // ************************************************************************************ // set up logic to handle geometry update and reflect the update on "tempGraphicsLayer" // ************************************************************************************ function setUpClickHandler() { view.on("click", function(evt) { view.hitTest(evt).then(function(response) { var results = response.results; // Found a valid graphic if (results.length && results[results.length - 1] .graphic) { // Check if we're already editing a graphic if (!updateGraphic) { // Save a reference to the graphic we intend to update updateGraphic = results[results.length - 1].graphic; // Remove the graphic from the GraphicsLayer // Sketch will handle displaying the graphic while being updated tempGraphicsLayer.remove(updateGraphic); sketchViewModel.update(updateGraphic.geometry); } } }); }); } }); }); </script> </head> <body> <div id="viewDiv"> <div id="topbar"> <button class="action-button esri-icon-blank-map-pin" id="pointButton" type="button" title="Draw point"></button> <button class="action-button esri-icon-polyline" id="polylineButton" type="button" title="Draw polyline"></button> <button class="action-button esri-icon-polygon" id="polygonButton" type="button" title="Draw polygon"></button> <button class="action-button esri-icon-checkbox-unchecked" id="rectangleButton" type="button" title="Draw rectangle"></button> <button class="action-button esri-icon-radio-unchecked" id="circleButton" type="button" title="Draw circle"></button> <button class="action-button esri-icon-trash" id="resetBtn" type="button" title="Clear graphics"></button> </div> </div> </body> </html>

‎05-11-2018

Robert Scheitlin, GISP wrote: Tuba, Have you tried to create a FeatureLayer using using an array of client-slide graphics, to test if it is just the GraphicsLayer that does not support what you are trying to do? can you give me a sample code which adding simple-marker symbol with callout on skectViewModel and graphicslayer

‎05-10-2018

Hello. In sceneview i'm adding some simple-marker symbols. But i want to add callout lines for those symbols such as your sample page ArcGIS API for JavaScript Sandbox I'm using graphicslayer on sceneview. I tried somethings but doesn't accomplished yet. Is there any way to do that? Thanks inadvance.

‎05-01-2018

Hello Ken. thanks for reply, I found my code was wrong. I missed a "#" when i getting button id with jquery. my problem solved now. Best regards.

‎04-30-2018

Hello. I can draw polygon with below code scketchViewModel.create("polygon"); I want to draw rectangle and circle with cketchViewModel tried below codes but it seems doesn't working scketchViewModel.create("rectangle"); scketchViewModel.create("circle"); What i'm doing wrong. Is there a sample code if rectangle and circle drawing is totally different from polygon. Thanks inadvance.

‎04-25-2018

thanks for the answer I solved my problem with below code sometihng like your recommend. Assining graphic attributes to a variable before update started. var myatts; function setUpClickHandler() { view.on("click", function(evt) { view.hitTest(evt).then(function(response) { var results = response.results; // Found a valid graphic if (results.length && results[results.length - 1] .graphic) { // Check if we're already editing a graphic if (!updateGraphic) { // Save a reference to the graphic we intend to update updateGraphic = results[results.length - 1].graphic; myatts = updateGraphic.attributes; // Remove the graphic from the GraphicsLayer // Sketch will handle displaying the graphic while being updated tempGraphicsLayer.remove(updateGraphic); sketchViewModel.update(updateGraphic.geometry); } } }); }); } function addGraphic(evt) { var geometry = evt.geometry; var symbol; // Choose a valid symbol based on return geometry switch (geometry.type) { case "point": symbol = pointSymbol; break; case "polyline": symbol = polylineSymbol; break; default: symbol = polygonSymbol; break; } // Create a new graphic; add it to the GraphicsLayer var graphic = new Graphic({ geometry: geometry, symbol: symbol }); switch (evt.type) { case "draw-complete": graphic.attributes = { "test": "testdata" } break; default : console.log(myatts); graphic.attributes = myatts; break; } tempGraphicsLayer.add(graphic); // Remove stored reference to the updated graphic // Required in 'update-complete' callback specifically updateGraphic= null; }

‎04-25-2018

Robert Scheitlin, GISP wrote: You could use update-start to capture the old graphics attributes and store them for the update-complete event. Thanks for the answer. sketchViewModel.on("update-start", getGraphic); function getGraphic(evt) { console.log(evt); } is "evt" has attributes? because i can't see it. "evt" has geometry, type and target. target.graphic has no attributes. Whole code below <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Sketch temporary geometries - 4.7</title> <link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/main.css"> <script src="https://js.arcgis.com/4.7/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; font-family: verdana; } #topbar { background: #fff; position: absolute; top: 15px; right: 15px; padding: 10px; } .action-button { font-size: 16px; background-color: transparent; border: 1px solid #D3D3D3; color: #6e6e6e; height: 32px; width: 32px; text-align: center; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); } .action-button:hover, .action-button:focus { background: #0079c1; color: #e4e4e4; } .active { background: #0079c1; color: #e4e4e4; } </style> <script> require([ "esri/views/MapView", "esri/Map", "esri/widgets/Sketch/SketchViewModel", "esri/Graphic", "esri/layers/GraphicsLayer", "dojo/domReady!" ], function( MapView, Map, SketchViewModel, Graphic, GraphicsLayer ) { // GraphicsLayer to hold graphics created via sketch view model var tempGraphicsLayer = new GraphicsLayer(); var updateGraphic; // Arctic Ocean Basemap var map = new Map({ basemap: "gray", layers: [tempGraphicsLayer] }); var view = new MapView({ container: "viewDiv", map: map, zoom: 3 }); var pointSymbol = { // symbol used for points type: "simple-marker", // autocasts as new SimpleMarkerSymbol() style: "square", color: "#8A2BE2", size: "16px", outline: { // autocasts as new SimpleLineSymbol() color: [255, 255, 255], width: 3 // points } } var polylineSymbol = { // symbol used for polylines type: "simple-line", // autocasts as new SimpleMarkerSymbol() color: "#8A2BE2", width: "4", style: "dash" } var polygonSymbol = { // symbol used for polygons type: "simple-fill", // autocasts as new SimpleMarkerSymbol() color: "rgba(138,43,226, 0.8)", style: "solid", outline: { color: "white", width: 1 } } view.when(function() { // create a new sketch view model var sketchViewModel = new SketchViewModel({ view: view, layer: tempGraphicsLayer, pointSymbol: pointSymbol, polylineSymbol: polylineSymbol, polygonSymbol: polygonSymbol }); setUpClickHandler(); // ************************************************************ // Get the completed graphic from the event and add it to view. // This event fires when user presses // * "C" key to finish sketching point, polygon or polyline. // * Double-clicks to finish sketching polyline or polygon. // * Clicks to finish sketching a point geometry. // *********************************************************** sketchViewModel.on("draw-complete", addGraphic); sketchViewModel.on("update-complete", addGraphic); sketchViewModel.on("update-cancel", addGraphic); sketchViewModel.on("update-start", getGraphic); function getGraphic(evt) { console.log(evt); } function addGraphic(evt) { var geometry = evt.geometry; var symbol; // Choose a valid symbol based on return geometry switch (geometry.type) { case "point": symbol = pointSymbol; break; case "polyline": symbol = polylineSymbol; break; default: symbol = polygonSymbol; break; } // Create a new graphic; add it to the GraphicsLayer var graphic = new Graphic({ geometry: geometry, symbol: symbol }); switch (evt.type) { case "draw-complete": graphic.attributes = { "test": "testdata" } break; } tempGraphicsLayer.add(graphic); console.log(graphic.attributes); // Remove stored reference to the updated graphic // Required in 'update-complete' callback specifically updateGraphic= null; } // ************************************* // activate the sketch to create a point // ************************************* var drawPointButton = document.getElementById("pointButton"); drawPointButton.onclick = function() { // set the sketch to create a point geometry sketchViewModel.create("point"); (this); }; // **************************************** // activate the sketch to create a polyline // **************************************** var drawLineButton = document.getElementById("polylineButton"); drawLineButton.onclick = function() { // set the sketch to create a polyline geometry sketchViewModel.create("polyline"); setActiveButton(this); }; // *************************************** // activate the sketch to create a polygon // *************************************** var drawPolygonButton = document.getElementById("polygonButton"); drawPolygonButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("polygon"); setActiveButton(this); }; var colorButton = document.getElementById("colorButton"); colorButton.onclick = function() { // set the sketch to create a polygon geometry polygonSymbol.color = "rgba(255,255,226, 0.8)" sketchViewModel.create("polygon"); setActiveButton(this); }; // *************************************** // activate the sketch to create a rectangle // *************************************** var drawRectangleButton = document.getElementById( "rectangleButton"); drawRectangleButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("rectangle"); setActiveButton(this); }; // *************************************** // activate the sketch to create a circle // *************************************** var drawCircleButton = document.getElementById("circleButton"); drawCircleButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("circle"); setActiveButton(this); }; // ************** // reset button // ************** document.getElementById("resetBtn").onclick = function() { sketchViewModel.reset(); tempGraphicsLayer.removeAll(); setActiveButton(); }; function setActiveButton(selectedButton) { // focus the view to activate keyboard shortcuts for sketching view.focus(); var elements = document.getElementsByClassName("active"); for (var i = 0; i < elements.length; i++) { elements.classList.remove("active"); } if (selectedButton) { selectedButton.classList.add("active"); } } // ************************************************************************************ // set up logic to handle geometry update and reflect the update on "tempGraphicsLayer" // ************************************************************************************ function setUpClickHandler() { view.on("click", function(evt) { view.hitTest(evt).then(function(response) { var results = response.results; // Found a valid graphic if (results.length && results[results.length - 1] .graphic) { // Check if we're already editing a graphic if (!updateGraphic) { // Save a reference to the graphic we intend to update updateGraphic = results[results.length - 1].graphic; // Remove the graphic from the GraphicsLayer // Sketch will handle displaying the graphic while being updated tempGraphicsLayer.remove(updateGraphic); sketchViewModel.update(updateGraphic.geometry); } } }); }); } }); }); </script> </head> <body> <div id="viewDiv"> <div id="topbar"> <button class="action-button esri-icon-blank-map-pin" id="pointButton" type="button" title="Draw point"></button> <button class="action-button esri-icon-polyline" id="polylineButton" type="button" title="Draw polyline"></button> <button class="action-button esri-icon-polygon" id="polygonButton" type="button" title="Draw polygon"></button> <button class="action-button esri-icon-checkbox-unchecked" id="rectangleButton" type="button" title="Draw rectangle"></button> <button class="action-button esri-icon-radio-unchecked" id="circleButton" type="button" title="Draw circle"></button> <button class="action-button esri-icon-trash" id="resetBtn" type="button" title="Clear graphics"></button> </div> </div> </body> </html>

‎04-25-2018

Hello. I need to pass graphic's attributes to new graphic which updated by sketchViewModel in "update-complete" event of sketchViewModel. because addGraphic function is adding new graphic on every event and losing attributes. i think that i need some code as below (red lines) switch (evt.type) { case "draw-complete": graphic.attributes = { "test": "testdata", "id": mygraphicslayer.graphics.count() } break; case "update-complete": graphic.attributes = OLDGRAPHIC'S.ATTRIBUTES; break; } addGraphic function code which i used below. sketchViewModel.on("draw-complete", addGraphic); sketchViewModel.on("update-complete", addGraphic); sketchViewModel.on("update-cancel", addGraphic); function addGraphic(evt) { var geometry = evt.geometry; var symbol; // Choose a valid symbol based on return geometry switch (geometry.type) { case "point": symbol = pointSymbol; break; case "polyline": symbol = polylineSymbol; break; default: symbol = polygonSymbol; break; } // Create a new graphic; add it to the GraphicsLayer var graphic = new Graphic({ geometry: geometry, symbol: symbol }); switch (evt.type) { case "draw-complete": graphic.attributes = { "test": "testdata" } break; } tempGraphicsLayer.add(graphic); console.log(graphic.attributes); // Remove stored reference to the updated graphic // Required in 'update-complete' callback specifically updateGraphic= null; }

‎04-23-2018

Hello. Thanks for new 4.7 API. 4.7 has very good updates. I'm drawing some geometries on sceneview. Is this possible to update / edit geometries on sceneview. Below code working good on MapView but doesn't working on SceneView, I can't select for editing. Thanks inadvance. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Sketch temporary geometries - 4.7</title> <link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/main.css"> <script src="https://js.arcgis.com/4.7/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; font-family: verdana; } #topbar { background: #fff; position: absolute; top: 15px; right: 15px; padding: 10px; } .action-button { font-size: 16px; background-color: transparent; border: 1px solid #D3D3D3; color: #6e6e6e; height: 32px; width: 32px; text-align: center; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); } .action-button:hover, .action-button:focus { background: #0079c1; color: #e4e4e4; } .active { background: #0079c1; color: #e4e4e4; } </style> <script> require([ "esri/views/SceneView", "esri/Map", "esri/widgets/Sketch/SketchViewModel", "esri/Graphic", "esri/layers/GraphicsLayer", "dojo/domReady!" ], function( SceneView, Map, SketchViewModel, Graphic, GraphicsLayer ) { // GraphicsLayer to hold graphics created via sketch view model var tempGraphicsLayer = new GraphicsLayer(); var updateGraphic; // Arctic Ocean Basemap var map = new Map({ basemap: "gray", layers: [tempGraphicsLayer] }); var view = new SceneView({ container: "viewDiv", map: map, zoom: 3 }); var pointSymbol = { // symbol used for points type: "simple-marker", // autocasts as new SimpleMarkerSymbol() style: "square", color: "#8A2BE2", size: "16px", outline: { // autocasts as new SimpleLineSymbol() color: [255, 255, 255], width: 3 // points } } var polylineSymbol = { // symbol used for polylines type: "simple-line", // autocasts as new SimpleMarkerSymbol() color: "#8A2BE2", width: "4", style: "dash" } var polygonSymbol = { // symbol used for polygons type: "simple-fill", // autocasts as new SimpleMarkerSymbol() color: "rgba(138,43,226, 0.8)", style: "solid", outline: { color: "white", width: 1 } } view.when(function() { // create a new sketch view model var sketchViewModel = new SketchViewModel({ view: view, layer: tempGraphicsLayer, pointSymbol: pointSymbol, polylineSymbol: polylineSymbol, polygonSymbol: polygonSymbol }); setUpClickHandler(); // ************************************************************ // Get the completed graphic from the event and add it to view. // This event fires when user presses // * "C" key to finish sketching point, polygon or polyline. // * Double-clicks to finish sketching polyline or polygon. // * Clicks to finish sketching a point geometry. // *********************************************************** sketchViewModel.on("draw-complete", addGraphic); sketchViewModel.on("update-complete", addGraphic); sketchViewModel.on("update-cancel", addGraphic); function addGraphic(evt) { var geometry = evt.geometry; var symbol; // Choose a valid symbol based on return geometry switch (geometry.type) { case "point": symbol = pointSymbol; break; case "polyline": symbol = polylineSymbol; break; default: symbol = polygonSymbol; break; } // Create a new graphic; add it to the GraphicsLayer var graphic = new Graphic({ geometry: geometry, symbol: symbol }); tempGraphicsLayer.add(graphic); // Remove stored reference to the updated graphic // Required in 'update-complete' callback specifically updateGraphic= null; } // ************************************* // activate the sketch to create a point // ************************************* var drawPointButton = document.getElementById("pointButton"); drawPointButton.onclick = function() { // set the sketch to create a point geometry sketchViewModel.create("point"); (this); }; // **************************************** // activate the sketch to create a polyline // **************************************** var drawLineButton = document.getElementById("polylineButton"); drawLineButton.onclick = function() { // set the sketch to create a polyline geometry sketchViewModel.create("polyline"); setActiveButton(this); }; // *************************************** // activate the sketch to create a polygon // *************************************** var drawPolygonButton = document.getElementById("polygonButton"); drawPolygonButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("polygon"); setActiveButton(this); }; // *************************************** // activate the sketch to create a rectangle // *************************************** var drawRectangleButton = document.getElementById( "rectangleButton"); drawRectangleButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("rectangle"); setActiveButton(this); }; // *************************************** // activate the sketch to create a circle // *************************************** var drawCircleButton = document.getElementById("circleButton"); drawCircleButton.onclick = function() { // set the sketch to create a polygon geometry sketchViewModel.create("circle"); setActiveButton(this); }; // ************** // reset button // ************** document.getElementById("resetBtn").onclick = function() { sketchViewModel.reset(); tempGraphicsLayer.removeAll(); setActiveButton(); }; function setActiveButton(selectedButton) { // focus the view to activate keyboard shortcuts for sketching view.focus(); var elements = document.getElementsByClassName("active"); for (var i = 0; i < elements.length; i++) { elements.classList.remove("active"); } if (selectedButton) { selectedButton.classList.add("active"); } } // ************************************************************************************ // set up logic to handle geometry update and reflect the update on "tempGraphicsLayer" // ************************************************************************************ function setUpClickHandler() { view.on("click", function(evt) { view.hitTest(evt).then(function(response) { var results = response.results; console.log(results); console.log(results.length); // Found a valid graphic if (results.length && results[results.length - 1] .graphic) { // Check if we're already editing a graphic if (!updateGraphic) { // Save a reference to the graphic we intend to update updateGraphic = results[results.length - 1].graphic; console.log("bla"); console.log(updateGraphic); // Remove the graphic from the GraphicsLayer // Sketch will handle displaying the graphic while being updated tempGraphicsLayer.remove(updateGraphic); sketchViewModel.update(updateGraphic.geometry); } } }); }); } }); }); </script> </head> <body> <div id="viewDiv"> <div id="topbar"> <button class="action-button esri-icon-blank-map-pin" id="pointButton" type="button" title="Draw point"></button> <button class="action-button esri-icon-polyline" id="polylineButton" type="button" title="Draw polyline"></button> <button class="action-button esri-icon-polygon" id="polygonButton" type="button" title="Draw polygon"></button> <button class="action-button esri-icon-checkbox-unchecked" id="rectangleButton" type="button" title="Draw rectangle"></button> <button class="action-button esri-icon-radio-unchecked" id="circleButton" type="button" title="Draw circle"></button> <button class="action-button esri-icon-trash" id="resetBtn" type="button" title="Clear graphics"></button> </div> </div> </body> </html>

‎04-23-2018

thanks for reply Robert. I forgot to say but i'm using 4.7 API.

‎04-19-2018

Hello. I'm trying to use FeatureLayer for 58.000 points which from featureservice url. In this case i have 2 different issues. 1. Sceneview displaying only ~500 points, has no performance problem because of less data. 2. Mapview displaying only ~10000 points. But have serious performance problem.Cannot move map with mouse (WEBGL activated) In all cases i want to show all of my data without any performance issues. -- Do esri have the plan to including cluster layer class in the js api in the near future?

‎04-18-2018

I think that we should be able to add webstylesymbol without internet connection.

‎04-11-2018

Thanks for helpfull code Robert. I copied your whole sample code and paste it into a html document. I tried on 2 different machines (no internet access) but i'm still getting error. Failed to load https://www.arcgis.com/sharing/rest/portals/self?f=json&culture=tr-tr: The 'Access-Control-Allow-Origin' header has a value 'null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access. [esri.symbols.WebStyleSymbol] #fetchSymbol() Failed to create symbol from style I have no internet access on my computers. I tried your sample code on JSFIDDLE. This is working good. Esri JS API 4.6 TEMPLATE - JSFiddle is web-style-symbols need to internet connection?

‎04-10-2018

Thanks for the answer. Yes in sceneview, But i don't know what i'm doing wrong I want to add this symbol into clicked mouse position and clicked elevation height here is my code, on map mouse click event var point = { type= "point", x: e.mapPoint.longitude, y: e.mapPoint.latitude, z: myHeight // came from elevation query } var webStyleSymbol = { type: "web-style", // autocasts as new WebStyleSymbol() styleName: "EsriRealisticTransportationStyle", name: "Ambulance" }; var gr = new Graphic { geometry: point, symbol: webStyleSymbol } myGraphicsLayer.graphics.add(gr); But i see nothing

‎04-10-2018

Hello. var webStyleSymbol = new WebStyleSymbol({ name: "Ambulance", styleName: "EsriRealisticTransportationStyle" }); I want to add a 3D ambulance icon into a graphicslayer. I'm facing "Failed to create symbol from style" error. I tried some codes but failed always. Can anyone help me please?

Online Status	Offline
Date Last Visited	‎11-11-2020 02:23 AM

My Ideas

Latest Contributions by TubaKumbara

4.7 SketchView cannot create multipoint

Re: 4.7 - verticalOffset (callout) for simple-marker using graphicsLayer and sceneView

4.7 - verticalOffset (callout) for simple-marker using graphicsLayer and sceneView

Re: 4.7 Difference between drawing polygon and circle/rectangle with sketchViewModel

4.7 Difference between drawing polygon and circle/rectangle with sketchViewModel

Re: 4.7 sketchViewModel cannot pass graphic's attributes to updated graphic

Re: 4.7 sketchViewModel cannot pass graphic's attributes to updated graphic

4.7 sketchViewModel cannot pass graphic's attributes to updated graphic

4.7 API SketchViewModel on Sceneview (Update Geometries)

Re: FeatureLayer Performance Issues and point clustering

FeatureLayer Performance Issues and point clustering

Re: Add WebStyleSymbol into graphicslayer

Re: Add WebStyleSymbol into graphicslayer

Re: Add WebStyleSymbol into graphicslayer

Add WebStyleSymbol into graphicslayer

Re: The SketchViewModel Layer

4.7 - I need to add "http://localhost:44300" into ...

URGENT (Create new site)

Re: Is there any easy way to draw triangle, circle...

Re: LayerList Full-Extent Action for GroupLayer