码迷,mamicode.com
首页 > 其他好文 > 详细

CSVLayer

时间:2019-01-01 21:47:46      阅读:335      评论:0      收藏:0      [点我收藏+]

标签:nbsp   html   long   mil   hat   enc   oct   symbol   val   

The CSVLayer allows you to add features from a comma-separated values text file (.csv) or delimited text file (.txt) that include latitude and longitude information.

技术分享图片

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>CSVLayer - 4.10</title>
  <link rel="stylesheet" href="https://js.arcgis.com/4.10/esri/css/main.css">
    <style>
    html,
    body,
    #viewDiv {height: 100%;width: 100%;margin: 0;padding: 0;font-family: sans-serif;}
  </style>
  <script src="https://js.arcgis.com/4.10/"></script>
  <script>
    require([
      "esri/Map",
      "esri/layers/CSVLayer",
      "esri/views/SceneView",
      "esri/core/urlUtils"
      ],function(
        Map,
        CSVLayer,
        SceneView,
        urlUtils
        )
      {
        // Paste the url into a browser‘s address bar to download and view the attributes
      // in the CSV file. These attributes include:
      // * mag - magnitude
      // * type - earthquake or other event such as nuclear test
      // * place - location of the event
      // * time - the time of the event
技术分享图片
        var template = {
          title:"Earthquake Info",
          content:"Magnitude {mag} {type} hit {place} on {time}."
        }
        var csvLayer = new CSVLayer({
          url:"https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_week.csv",// If CSV files are not on the same domain as your website, a CORS enabled server
      // or a proxy is required.
          copyright:"USGS Earthquakes",
          popupTemplate:template,
          elevationInfo:{
            // drapes icons on the surface of the globe
            mode:"on-the-ground"
          }
        });
        csvLayer.renderer = {
          type:"simple",  // autocasts as new SimpleRenderer()
          symbol:{
            type:"point-3d",  // autocasts as new PointSymbol3D()
            symbolLayers:[{
              type:"icon",  // autocasts as new IconSymbol3DLayer()
              material:{
                color:[238, 69, 0, 0.75]
              },
              outline:{
                width:0.5,
                color:"white"
              },
              size:"12px"
            }]
          }
        }
        var map = new Map({
          basemap:"gray",
          layers:[csvLayer]
        });
        var view = new SceneView({
          container:"viewDiv",
          map:map,
          center:[138, 35],
          zoom:4
        })
    })
  </script>
</head>
<body>
    <div id="viewDiv"></div>
</body>
</html>

CSVLayer

标签:nbsp   html   long   mil   hat   enc   oct   symbol   val   

原文地址:https://www.cnblogs.com/GIS-Yangol/p/10206066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!