[英]Map data from a CSV layer using arcgis javascript api
The CSVLayer module provides an easy way to map point data from a CSV file. CSVLayer 模块提供了一种从 CSV 文件映射点数据的简单方法。 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.我想从 csv 图层中提取地图数据,但此代码最终无处可去。 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>
This code is not showing any output because you didn't define the csv layer anywhere in your code.此代码未显示任何输出,因为您没有在代码中的任何位置定义 csv 层。
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);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.