Map data from a CSV layer using arcgis javascript api

Question

The CSVLayer module provides an easy way to map point data from a CSV file. But, in my case, this code is not giving the required output.

I want to extract the map data from the csv layer but this code ends up no where. The code is not showing any kind of output.

Any ideas.

 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> <title>CSVLayer sample</title> <link rel="stylesheet" href="https://js.arcgis.com/3.38/esri/css/esri.css"> <style> html, body, #map { height: 100%; width: 100%; margin: 0; padding: 0; } body { background-color: #FFF; overflow: hidden; font-family: "Trebuchet MS"; } </style> <script src="https://js.arcgis.com/3.38/"></script> <script> var map, csv; require([ "esri/map", "esri/layers/CSVLayer", "esri/Color", "esri/symbols/SimpleMarkerSymbol", "esri/renderers/SimpleRenderer", "esri/InfoTemplate", "esri/config", "dojo/domReady!" ], function( Map, CSVLayer, Color, SimpleMarkerSymbol, SimpleRenderer, InfoTemplate, esriConfig ) { // Use CORS esriConfig.defaults.io.corsEnabledServers.push("earthquake.usgs.gov"); // supports CORS map = new Map("map", { basemap: "gray-vector", center: [ -60, -10 ], zoom: 3 }); csv = new var orangeRed = new Color([238, 69, 0, 0.5]); // hex is #ff4500 var marker = new SimpleMarkerSymbol("solid", 15, null, orangeRed); var renderer = new SimpleRenderer(marker); csv.setRenderer(renderer); var template = new InfoTemplate("${type}", "${place}"); csv.setInfoTemplate(template); map.addLayer(csv); }); </script> </head> <body> <div id="map"></div> </body> </html>

Answer 1

This code is not showing any output because you didn't define the csv layer anywhere in your code.

Use this code below

map = new Map("map", {
          basemap: "gray-vector",
          center: [ -60, -10 ],
          zoom: 3
        });
        csv = new CSVLayer("https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_week.csv", {
          copyright: "USGS.gov"
        });
        var orangeRed = new Color([238, 69, 0, 0.5]); // hex is #ff4500
        var marker = new SimpleMarkerSymbol("solid", 15, null, orangeRed);
        var renderer = new SimpleRenderer(marker);
        csv.setRenderer(renderer);
        var template = new InfoTemplate("${type}", "${place}");
        csv.setInfoTemplate(template);
        map.addLayer(csv);
      });

Map data from a CSV layer using arcgis javascript api

Question

1 answers

solution1
0 2021-10-20 04:40:47

Map data from a CSV layer using arcgis javascript api

Question

1 answers

solution1 0 2021-10-20 04:40:47

solution1
0 2021-10-20 04:40:47