简体   繁体   English

使用 arcgis javascript api 从 CSV 层映射数据

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM