美文网首页
arcgis for javascript(4.12)加载Fea

arcgis for javascript(4.12)加载Fea

作者: panergongzi | 来源:发表于2020-06-23 13:18 被阅读0次

FeatrueLayer的数据源可以是来自地图服务,要素服务,features数组中的一种,FeatrueLayer包含空间信息和属性信息,常用于查询,分析,并且可以在地图上自定义渲染。

生成一个FeatrueLayer的几个步骤

1,通过url服务地址的情况,比较简单,直接引入就可以了

const layer = new FeatureLayer({

url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/0"

});

map.add(layer )

2,通过source,需要构建features数组,renderer渲染方式,fields指定字段

const fields = [

 new Field({

   name: "ObjectID",

   alias: "ObjectID",

   type: "oid"

 }),new Field({

   name: "description",

   alias: "Description",

   type: "string"

 }),new Field ({

   name: "title",

   alias: "Title",

   type: "string"

 })

];

const layer = new FeatureLayer({

  source: features,

  fields: fields,

  renderer: renderer

});

map.add( layer )

渲染方式可以是ClassBreaksRenderer分级设色,HeatmapRenderer热力图渲染,SimpleRenderer简单渲染,UniqueValueRenderer按照单元渲染中的一种

var renderer= {

  type: "simple",  

    symbol: {

    type: "simple-marker", 

      size: 6,

    color: "black",

    outline: {  

    width: 0.5,

      color: "white"    }

  }

};

features数组可以是包含很多个graphic,构建graphic对象比如下面代码

let features=[];

var point = {

  type: "point", 

  longitude: -71.2643,

  latitude: 42.0909};

var markerSymbol = {

  type: "simple-marker",  

 color: [226, 119, 40]

};

var graphic= new Graphic({

  geometry: point,

  symbol: markerSymbol

});

features .push(graphic );

效果:无

相关文章

网友评论

      本文标题:arcgis for javascript(4.12)加载Fea

      本文链接:https://www.haomeiwen.com/subject/ywcvzhtx.html