POST
|
Wonderful Job, Mr. Scheitlin. Thank you very much for your help. I appreciated it. Just amazing work. Greetings from Brazil. I will be glad to pay for your support. Kind regards Julierme
... View more
02-28-2019
10:34 AM
|
0
|
0
|
289
|
POST
|
Mr. Scheitlin, Thank you very much for your reply. The popup got a little bit messed up and the page is freezing on mouse click. Kind regards Julierme
... View more
02-28-2019
10:03 AM
|
0
|
2
|
826
|
POST
|
Dear Mr. Scheitlin, Thank you very much for your reply. Please, rename the file from ./script/satellite_path.txt to ./script/satellite_path.js Find attached the hole project. Just unzip the file in your web server. Kind regards Julierme On Thu, Feb 28, 2019 at 11:53 AM Robert Scheitlin, GISP <geonet@esri.com>
... View more
02-28-2019
09:35 AM
|
0
|
1
|
289
|
POST
|
Dear Mr. Scheitlin, Thank you very much for your reply. Find the file in attached. Kind regards Julierme On Thu, Feb 28, 2019 at 11:35 AM Robert Scheitlin, GISP <geonet@esri.com>
... View more
02-28-2019
06:39 AM
|
0
|
7
|
826
|
POST
|
Dear Mr. Scheitlin, Thank you very much for your reply. In the code bellow, I am facing three issues: 1 - On mouse click the quickLook element displays only the last thumbnail in the object (graphic.attributes.thumbnail = "./images/cloudy-night-3.svg" ); 2 - Anywhere clicked on the view the event fires. I need the on mouse click event only over the feature and on next button in case of overlapping features. 3 - For overlapping features, by clicking next button, the event setQuickLook(does not update image in the quickLook element); I wonder if you could provide me some paid support. In case, you are interested in guiding me in this project, write please to juliermeopensourcedeveloper@gmail.com. I appreciated your time. Kind regards Julierme <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" conten="initial-scale=1,maximum-scale=1,user-scalable=no"> <title>Create a FeatureLayer with client side graphics - 4.10</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> <link rel="stylesheet" href="./styles/satellite_path.css"> <link rel="stylesheet" href="https://js.arcgis.com/4.10/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="https://js.arcgis.com/4.10/dojox/image/resources/image.css"> <link rel="stylesheet" href="https://js.arcgis.com/4.10/esri/css/main.css"> <!-- Web Framework CSS - Bootstrap (getbootstrap.com) and Bootstrap-map-js (github.com/esri/bootstrap-map-js) --> <link rel="stylesheet" href="https://community.esri.com//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://community.esri.com//esri.github.io/bootstrap-map-js/src/css/bootstrapmap.css"> <script src="https://js.arcgis.com/4.10/"></script> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body class="claro"> <div class="panel panel-primary panel-fixed"> <div class="panel-heading"> <h3 class="panel-title">Basemaps</h3> </div> <div class="panel-body"> <div id="basemapGallery"></div> </div> </div> </div> <div id="viewDiv" dojotype="dijit/layout/ContentPane" style="border:5px solid #000;"> <div id="loader" class="fa-5x"> <i class="fas fa-sync fa-spin"></i> <!--<img src ="./images/loader.gif">--> </div> <!--<div id="quickLook"> <h2>QuickLook</h2> <img src="./images/cosmo_skymed.svg" alt="Cosmo-Skymed"> </div>--> <div id="quickLook" data-dojo-type="dijit/layout/ContentPane" isClickable="true" data-dojo-attach-point="container"> <!--<img src="./images/cosmo_skymed.svg" alt="Cosmo-Skymed">--> </div> </div> <script src="./script/satellite_path.js"></script> </body> </html> require([ "esri/views/MapView", "esri/Map", "esri/layers/FeatureLayer", "esri/layers/support/FeatureTemplate", "esri/layers/support/AttachmentInfo", "esri/layers/OpenStreetMapLayer", "esri/geometry/Point", "esri/geometry/Polygon", "esri/geometry/SpatialReference", "esri/core/promiseUtils", "esri/core/watchUtils", "esri/widgets/Legend", "esri/widgets/BasemapToggle", "esri/widgets/LayerList", "esri/widgets/FeatureTemplates", "esri/widgets/FeatureTemplates/TemplateItem", "esri/widgets/Widget", "esri/widgets/BasemapGallery", "esri/widgets/ScaleBar", "dojo/dom-construct", "dojo/dom", "dojo/on", "dojo/_base/declare", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "esri/widgets/BasemapGallery", "esri/config", "esri/request", "dojo/domReady!" ], function ( MapView, Map, FeatureLayer, FeatureTemplate, AttachmentInfo, OpenStreetMapLayer, Point, Polygon, SpatialReference, promiseUtils, watchUtils, Legend, BasemapToggle, LayerList, FeatureTemplates, TemplateItem, Widget, BasemapGallery, ScaleBar, domConstruct, dom, on, declare, BorderContainer, ContentPane, BasemapGallery, esriConfig, esriRequest ) { // let countriesLayer, wgs84Graphics; var layer, graphic, graphics, graphicsPromise, legend, countriesLayer, wgs84Graphics; // Run the loader Icon const loadingDiv = document.getElementById("loader"); /****************************************************************************** * Create the map and view *****************************************************************************/ var map = new Map({ basemap: "osm" //ground: "world-elevation" }); // Create MapView var view = new MapView({ container: "viewDiv", map: map, center: [-54.4, -14.3 ], zoom: 3, // customize ui padding for legend placement ui: { padding: { bottom: 15, right: 0 } } }); function createBasemaps(){ // Create and add the maps from ArcGIS.com var basemapGallery = new BasemapGallery({ showArcGISBasemaps: true, view: view }, "basemapGallery"); basemapGallery.startup(); // Listen to the basemap selection and set the title on(basemapGallery, "onSelectionChange", function() { dom.byId("userMessage").innerHTML = basemapGallery.getSelected().title; }); } createBasemaps(); var scaleBar = new ScaleBar({ view: view }); // Add widget to the bottom left corner of the view view.ui.add(scaleBar, { position: "bottom-left" }); view.when(function() { // Request the earthquake data from USGS when the view resolves getData() .then(createGraphics) // then send it to the createGraphics() method .then(createLayer)// when graphics are created, create the layer .then(displayThumbnail) .then(createLayerList) .then(stopLoader) .then(setQuickLook) .catch(errback); }); // Request the earthquake data function getData() { // data downloaded from the USGS at http://earthquake.usgs.gov/eartquakes/feed/v1.0/summary/ on 4/4/16 // week.json represent recorded earthquaes betweem 03/28/2016 and 04/04/2016 //var url = "https://developers.arcgis.com/javascript/latest/sample-code/layers-featurelayer-collection/live/data/week.json"; var url = "./data/cosmo_skymed_footprint_amapa_thumb.json"; esriConfig.request.corsEnabledServers.push(url); var requestHandle = esriRequest(url, { responseType: "json" }); //console.log(requestHandle); return requestHandle; } // Creates Graphics from GeoJSON data function createGraphics(response) { const data = response.data; if (!data) { data = jsonData; } else { jsonData = data; } graphicsPromise = promiseUtils.create(function(resolve, reject) { graphics = data.features.map(function(feature, i) { // create a polygon instance from the GeoJSON data const polygon = new Polygon({ spatialReference: SpatialReference.WGS84 }); // read the GeoJSON's geometry and add to the polygon rings feature.geometry.coordinates.forEach(function(coord) { const coordinates = feature.geometry.type === "MultiPolygon" ? coord[0] : coord; polygon.addRing(coordinates); }); graphic = { geometry: polygon, attributes: feature.properties }; // Print the graphic object content //console.log("I am the Thumbanail in the Graphics function: ", graphic.attributes.thumbnail); console.log("I am graphics: ", graphics); return graphic; }); console.log("I am graphicsPromise: ", graphicsPromise); console.log("I am graphics: ", graphics); console.log("I am graphics attributes: ", graphics[0].attributes); console.log("I am graphic: ", graphic); resolve(graphics); }); //alert(graphic.attributes.thumbnail); return graphicsPromise; } function createLayer(graphics) { if (graphics) { wgs84Graphics = graphics; } else { graphics = wgs84Graphics; } // display projected graphics as a FeatureLayer countriesLayer = new FeatureLayer({ title: "Cosmo Skymed Images", source: graphics, objectIdField: "OBJECTID", fields: [{ name: "OBJECTID", alias: "ObjectID", type: "oid" },{ name: "co_seq_ima", alias: "co_seq_ima", type: "integer" },{ name: "tp_produto", alias: "tp_produto", type: "string" },{ name: "dt_coleta", alias: "dt_coleta", type: "string" },{ name: "no_direcao", alias: "no_direcao", type: "string" },{ name: "no_lado_im", alias: "no_lado_im", type: "string" },{ name: "dt_indexac", alias: "dt_indexac", type: "string" },{ name: "no_caminho", alias: "no_caminho", type: "string" },{ name: "nu_area_km", alias: "nu_area_km", type: "double" },{ name: "thumbnail", alias: "thumbnail", type: "string" }], popupTemplate: { title: "{tp_produto}", content: [{ type: "fields", fieldInfos:[{ fieldName: "co_seq_ima", label: "Image ID", visible: true },{ fieldName: "tp_produto", label: "Product", visible: true },{ fieldName: "dt_coleta", label: "Acquisition Date", visible: true },{ fieldName: "no_direcao", label: "Orbit Direction", visible: true },{ fieldName: "no_lado_im", label: "Imaging Side", visible: true },{ fieldName: "dt_indexac", label: "Indexation Date", visible: true },{ fieldName: "no_caminho", label: "URL", visible: true },{ fieldName: "nu_area_km", label: "Area", visible: true }] },{ type: "text", text: "In God we trust. God blesses Amazonia." },{ type: "media", mediaInfos:[{ title: "{tp_produto}", type: "image", caption: "Sar Images", value: { linkURL: "http://172.21.5.187/", sourceURL: "{thumbnail}" } }] },{ type: "attachments", attachmentInfos:[{ contentType: "image/jpg", name: "ficus-microcarpa-tree-3", url: "https://selectree.calpoly.edu/images/0600/09/original/ficus-microcarpa-tree-3.jpg" }] } ] }, renderer: { type: "class-breaks", defaultLabel: "No data", defaultSymbol: { type: "simple-fill", color: "#fcedcd", style: "none", outline: { color: [153, 102, 255], width: 0.5 } } }, outFields: ["*"] }); map.add(countriesLayer); return countriesLayer; } // Executes if data retrieval was unsuccessful. function errback(error) { console.error("Something went wrong. ", error); } // Stop loader icon function stopLoader(){ jQuery(document).ready(function() { jQuery('#loader').fadeOut(5000); }); } function createItem(countriesLayer){ const myTemplate = new TemplateItem({ layer: countriesLayer, template: myFeatureTemplate, thumbnail: { contentType: "png", imageData: "./data/satellite.png", height: 300, width: 300 } }); } function displayThumbnail(countriesLayer){ // Listen to the click event on the map view. view.on("click", setQuickLook); function setQuickLook(event){ console.log("I am a thumbnail: ", graphic.attributes.thumbnail); // create a chart for example dojo.empty("quickLook"); var lookQuick = domConstruct.create("img", { src: graphic.attributes.thumbnail, title: "satellite", style: "position: relative;max-width: 200px;bottom: 1px;right: 1px;padding: 8px;" }); domConstruct.place(lookQuick, this.quickLook); console.log(this.quickLook); } } function createLayerList(){ // create a new layer list var layerList = new LayerList({ view: view }); view.ui.add(layerList, "top-left"); } });
... View more
02-28-2019
05:14 AM
|
0
|
9
|
826
|
POST
|
Dear all, I am trying to update the code for loading GeoJSON available in here and I am having some issue while creating the FeatureLayer. The original code 1 (ArcGIS 3.10compact) was changed to code 2 (ArcGIS 4.10, but the response while checking the console.log are not the same for both codes. Could someone point me what is going wrong? Why the response are not the same? has the code has already been updated to ArcGIS API 4.10 version? I appreciated your time Kind regards Julierme Code 1 // Create a feature layer for the GeoJSON function addGeoJSONLayer(geojson) { if (!geojson.features.length) { return; } removeGeoJSONLayer(); // Get geometry type - assume same geometry for entire file! var esriGeometryType = getEsriGeometryType(geojson.features[0].geometry.type); // Create an skeleton collection and popup definition var featureCollection = createFeatureCollection(esriGeometryType); console.log("I am featureCollection: ", featureCollection); // Display all the attributes from the GeoJSON in the Popup var infoTemplate = new InfoTemplate("Julierme GeoJSON Data", "${*}"); // Display only specific attributes in from the GeoJSON file in the Popup // var infoTemplate = new InfoTemplate("Julierme GeoJSON Data", "Country: ${OBJECTID}<br>Name: ${name}"); // Create feature layer featureLayer = new FeatureLayer(featureCollection, { mode: FeatureLayer.MODE_SNAPSHOT, outFields: ["*"], infoTemplate: infoTemplate }); console.log("This is featureLayer: ", featureLayer); Code 2 featureLayer = new FeatureLayer({ source: featureCollection, outFields: ["*"], popupTemplate: template }); console.log("I am featureLayer: ",featureLayer); Mapping Examples
... View more
02-27-2019
05:31 AM
|
0
|
1
|
754
|
POST
|
Hi Robert, I got it. I was following the instruction given here in [1], which used the this.< data-dojo-attach-point >, but after changing to this.<id>. The image was loaded. Thank you very much for your help. However, before closing this topic I have been hitting a wall trying to figure out on how to put the GeoJSON thumbnail attribute (which had the image path) out of a function. I have the function createGraphics bellow, and graphic.attributes.thumbnail has the image path information. My question is how: I can get the value in graphic.attributes.thumbnail out of the function and have the value changing on mouse click over the feature? function createGraphics(response) { const data = response.data; if (!data) { data = jsonData; } else { jsonData = data; } const graphicsPromise = promiseUtils.create(function(resolve, reject) { const graphics = data.features.map(function(feature, i) { // create a polygon instance from the GeoJSON data const polygon = new Polygon({ spatialReference: SpatialReference.WGS84 }); // read the GeoJSON's geometry and add to the polygon rings feature.geometry.coordinates.forEach(function(coord) { const coordinates = feature.geometry.type === "MultiPolygon" ? coord[0] : coord; polygon.addRing(coordinates); }); const graphic = { geometry: polygon, attributes: feature.properties }; // Print the graphic object content // console.log(graphic.attributes.thumbnail); // alert(graphic.attributes.thumbnail); return graphic; }); resolve(graphics); }); //alert(graphicsPromise); return graphicsPromise; } Kind regards Julierme
... View more
02-19-2019
07:35 AM
|
0
|
11
|
826
|
POST
|
Hi Robert, I also added these 3 items: "dijit/_WidgetsInTemplateMixin", "dijit/_TemplatedMixin", "dijit/_WidgetBase", BUT it did not work either. Kind regards JUlierme
... View more
02-18-2019
12:57 PM
|
0
|
13
|
1213
|
POST
|
Hi Robert, Thank you very much for your reply and patience. I followed your discussion in here [1], and because of ArcGIS version it did not help me much. I am running ArcGIS 4.10, and I tried adding _WidgetBase as shown in [2], but did not help either. Find the requirements in my JS bellow: require([ "esri/views/MapView", "esri/Map", "esri/layers/FeatureLayer", "esri/layers/support/FeatureTemplate", "esri/layers/support/AttachmentInfo", "esri/layers/OpenStreetMapLayer", "esri/geometry/Point", "esri/geometry/Polygon", "esri/geometry/SpatialReference", "esri/core/promiseUtils", "esri/core/watchUtils", "esri/widgets/Legend", "esri/widgets/BasemapToggle", "esri/widgets/LayerList", "esri/widgets/FeatureTemplates", "esri/widgets/FeatureTemplates/TemplateItem", "esri/widgets/Widget", "dojo/dom-construct", "dojo/dom", "dojo/on", "dojo/_base/declare", "dijit/_TemplatedMixin", "dijit/form/Button", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "esri/widgets/BasemapGallery", "esri/config", "esri/request", "dojo/domReady!" ], function ( MapView, Map, FeatureLayer, FeatureTemplate, AttachmentInfo, OpenStreetMapLayer, Point, Polygon, SpatialReference, promiseUtils, watchUtils, Legend, BasemapToggle, LayerList, FeatureTemplates, TemplateItem, Widget, domConstruct, dom, on, declare, _TemplatedMixin, Button, BorderContainer, ContentPane, BasemapGallery, esriConfig, esriRequest ) { Any comment will be very appreciated. Kind regards Julierme
... View more
02-18-2019
12:43 PM
|
0
|
14
|
1213
|
POST
|
Hi Robert, Thank you very much for your reply. The response is: undefined Kind Regards
... View more
02-18-2019
11:20 AM
|
0
|
16
|
1213
|
POST
|
Dear Robert, Thank you very much for your reply and for pointing to the use of domConstruct. Following the instructions in [1], and configuring the HTML as shown in (Code 1) bellow, I created the function setContent (Code 2) and I am hitting the (Error 1). And lastly, I have the following requirements for dojo in my JS: dojo/dom-construct, dojo/dom, dojo/on, dojo/domReady!,. Any comment and directions on how to solve the error I am facing will bery appreciated. Code 1 <div id="quickLook" data-dojo-type="dijit/layout/ContentPane" isClickable="true" data-dojo-attach-point="container"> </div> Code 2 function setContent(){ // create a chart for example var lookQuick = domConstruct.create("img", { src: "./images/satellite.png", title: "satellite", style: "position: relative;max-width: 200px;bottom: 1px;right: 1px;padding: 8px;" }); domConstruct.place(lookQuick, this.container); } Error 1 Something went wrong. TypeError: "b is null" place https://js.arcgis.com/4.10/:96 setContent http://localhost:8080/sar-catalogo/script/satellite_path.js:406 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 p https://js.arcgis.com/4.10/:136 c https://js.arcgis.com/4.10/:136 then https://js.arcgis.com/4.10/:139 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 k https://js.arcgis.com/4.10/:507 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 b https://js.arcgis.com/4.10/:137 c https://js.arcgis.com/4.10/:136 e https://js.arcgis.com/4.10/:136 resolve https://js.arcgis.com/4.10/:138 g https://js.arcgis.com/4.10/:150 m https://js.arcgis.com/4.10/:153 satellite_path.js:345:3 ON THE OTHER HAND Following the discussion in [2], I tried using domClass "dojo/dom-class" in order to use domConstruct. I do not see any error message in the console, but the image is not placed in the div container id="quickLook" as shown bellow. Any comment on this issue will very much appreciated. HTML <div id="quickLook" data-dojo-type="dijit/layout/ContentPane" isClickable="true" data-dojo-attach-point="container"> </div> JS function setContent(){ // create a chart for example var lookQuick = domConstruct.create("img", { src: "./images/satellite.png", title: "satellite", style: "position: relative;max-width: 200px;bottom: 1px;right: 1px;padding: 8px;" }); domClass.add(lookQuick, 'quickLook'); } My apologies for the long email Kind regards Julierme
... View more
02-18-2019
04:40 AM
|
0
|
18
|
1213
|
POST
|
Dear Robert, Thank you very much for your reply. Before digging into the code you provided, let me say something else, I am not trying to set a symbol for the layer features as in 1 and 2. Here is, I have a GeoJSON file for the footprint of satellite sar images. When I click on the overlay, sar images footprint, I want to display the thumbnail (png/svg) in a div id="quickLook". Each feature, image footprint, has a thumbnail which path is in the GeoJSON attribute thumbnail. The div is a quickLook of the sar image. As was discussed in 3, they did this for a popup, but I want to do in a div element. So, as I understood, where your code says symbol, I can use ${thumbnail}, GeoJSON field? I appreciated your time. Kind regards Julierme
... View more
02-13-2019
07:47 AM
|
0
|
20
|
1213
|
POST
|
Hi, I am trying to display a feature layer thumbnail in a <div id="quickLook"></div>. On click or next feature button click I want to display the layer thumbnail. The path for the thumbnail is in a GeoJSON Attribute <thumbnail>. I am hitting a wall trying to figure out to accomplish that. My first attempt bellow was not successful: function createForestLayer(graphics) { if (graphics) { wgs84Graphics = graphics; } else { graphics = wgs84Graphics; } // display projected graphics as a FeatureLayer countriesLayer = new FeatureLayer({ title: "esri", source: graphics, objectIdField: "OBJECTID", fields: myFields, renderer: myRenderer, popupTemplate: myPopup, template: createTemplate }) function createTemplate(){ const myFeatureTemplate = new FeatureTemplates({ container: "quickLook", layers: countriesLayer, filterFunction: createItem }); } function createItem(){ const myTemplate = new TemplateItem({ layer: countriesLayer, template: myFeatureTemplate, thumbnail: { contentType: "png", imageData: "./data/satellite.png", height: 300, width: 300 } }); } Any help on that will be very appreciated Kind regards Julierme
... View more
02-12-2019
01:36 PM
|
1
|
22
|
3062
|
POST
|
Hi all, regarding my previous question. Following the information in here and discussed in here, in order to add the feature thumbnail to the Div element <div id="quickLook">, I did the following. function createForestLayer(graphics) { if (graphics) { wgs84Graphics = graphics; } else { graphics = wgs84Graphics; } // display projected graphics as a FeatureLayer countriesLayer = new FeatureLayer({ title: "Cosmo Skymed Images", source: graphics, objectIdField: "OBJECTID", fields: myFields, renderer: myRenderer, popupTemplate: myPopup, template: { name: "{tp_produto}", thumbnail: '<img src=${thumbnail} alt="View" style="width:304px;height:228px;">' } }) } {thumbnail} attribute contains the path for the feature thumbnail. Could someone tell me if I am on the right track and if the template settings are correct? I appreciated your time Julierme
... View more
02-11-2019
02:15 PM
|
0
|
0
|
546
|
POST
|
Dear ArcGIS developers and users, I would like to add add a thumbnail related to each feature on a mapView on click or click on next feature this latter due to features overlapping. My GeoJSON has an attribute <thumbnails> which has the path for the thumbnails "./images/thumbs.svg" I have a <div id="quickLook"> that displays the thumbnails. I have FeatureLayer Function as shown bellow to create the layer. Here is what would like to do: I want to display through the quickLook DIV the features thumb.svg on a mouse click over the feature or when next feature button is clicked in case or overlapping. Could someone point me any starting point to achieve that on ArcGIS API JS 4.10? Thank you for your time in advance. function createForestLayer(graphics) { if (graphics) { wgs84Graphics = graphics; } else { graphics = wgs84Graphics; } // display projected graphics as a FeatureLayer countriesLayer = new FeatureLayer({ title: "Forest area by country", source: graphics, objectIdField: "OBJECTID", fields: fields, popupTemplate: pTemplate, renderer: myRenderer, Any help on that will be very appreciated Kind regards Julierme
... View more
02-11-2019
10:46 AM
|
0
|
1
|
680
|
Title | Kudos | Posted |
---|---|---|
1 | 02-12-2019 01:36 PM |
Online Status |
Offline
|
Date Last Visited |
11-11-2020
02:24 AM
|