Intro to FeatureLayer

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Intro to FeatureLayer - 4.10</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.10/esri/css/main.css">
<style>
     html,
     body,
     #viewDiv {
       padding: 0;
       margin: 0;
       height: 100%;
       width: 100%;
     }
</style>
<script src="https://js.arcgis.com/4.10/"></script>
<script type="text/javascript">
  require([
   "esri/layers/FeatureLayer",
   "esri/Map",
   "esri/views/MapView"
   ],function(
    FeatureLayer,
    Map,
    MapView
   )
  {
   // Carbon storage of trees in Warren Wilson College.
   var featureLayer = new FeatureLayer({
    url:"https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Landscape_Trees/FeatureServer/0"
   });
   var map = new Map({
    basemap:"hybrid"//it's a satelliate basemap
   })

map.add(featureLayer);

   var view = new MapView({
    container:"viewDiv",
    map:map,
    extent:{
     xmin: -9177811,
              ymin: 4247000,
              xmax: -9176791,
              ymax: 4247784,
              spatialReference:102100//102100 represents WGS_1984_web_mercator_auxiliary_sphere投影坐标
    }
   })
  })
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>

Tips:

凡是以经纬度为单位的都是地理坐标系，因为它归根结底是一个椭球体，只不过各个国家为了反映该国家所在区域地球的真实形状，而采用不同的数学模型对本不是椭球体的地球进行椭球体化。而投影坐标系，是对地理坐标系按照某种方式投影到平面上的，所以可以认为它是一个平面坐标系，单位自然是米或千米。

我们在做开发的时候，尤其是web地图开发，两种坐标系至关重要4326 GCS_WGS_1984 和 102100 WGS_1984_web_mercator_auxiliary_sphere 。

1）、4326 GCS_WGS_1984 是WGS1984，属于地理坐标系，相信大家对它都有所耳闻，他就是大名鼎鼎的gps采用的坐标系，也就是通过gps拿到的坐标信息都是按这个坐标系给我们的经度和纬度。当然，如果你是做移动平台上的gps，获得的经纬度也是按这个坐标系。

2）、102100 WGS_1984_web_mercator_auxiliary_sphere则是目前在线地图采用的通用坐标系，属于投影坐标系。

比如：如果我们采用googlemap做底图，然后想通过gps将位置在地图上显示，不经过任何转换直接在googlemap上显示是不行的，因为他们的坐标系不统一。所以在显示之前就必须将gps获取点进行坐标转换到WGS_1984_web_mercator，然后在googlemap上显示。在我们的实际应用中，经常用到SpatialReference空间参考系，我们大都用的是WKID=4326的D_WGS_1984的地理坐标。

如何转换，参见本篇推送。https://blog.csdn.net/zdw_wym/article/details/8025509

猜你喜欢