ArcGIS JS Map 에 FeatureLayer 추가

2652 단어 arcgis자바 script
1. 우선 feature Layer 의 간단 한 로드 와 디 스 플레이 에 코드 를 붙 입 니 다.
	var bounds = new Extent({
            "xmin":3549.3971895076734,
	    "ymin":7873.237334191428,
	    "xmax":5448.834060766321,
	    "ymax":8847.30752458048,
            "spatialReference":{"wkid":4214}
          });

          var map = new Map("map", {
            extent: bounds
          });
          
    var dynamicLayer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services//   /MapServer");
		map.addLayer(dynamicLayer,0);
		
    var featureLayer = new FeatureLayer("http://localhost:6080/arcgis/rest/services/%E4%B8%8D%E5%8A%A8%E4%BA%A7/MapServer/0",{
    	mode:FeatureLayer.MODE_SNAPSHOT,
    	outFields:["*"]
    });

		
		map.addLayer(featureLayer,1);
상기 코드 에 대한 설명:
1. feature Layer 를 추가 하기 전에 map 에 밑그림 을 추가 해 야 합 니 다. 밑그림 은 esri 가 제공 하 는 내 장 된 밑그림, 즉 map 의 basemap 속성 을 설정 할 수 있 습 니 다.
공식 적 으로 basemap 에 대해 17 가지 밑그림 을 설 계 했 는데 그 중에서 8 가지 만 사용 할 수 있 습 니 다. 각각:
topo,streets,satellite,osm,oceans,hybirds,gray,national-geographic
구체 적 인 밑그림 이 어떤 지리 적 상황 과 위 치 를 묘사 하 는 지 에 대해 서 는 여러분 이 직접 구체 적 으로 알 아야 합 니 다.
자신 이 발표 한 그래 픽 서비스 에 대해 저 는 자신의 밑그림 을 사 용 했 습 니 다. 자신의 밑그림 은 하나의 그래 픽 집합 일 수도 있 고 하나의 그래 픽 층 일 수도 있 습 니 다.
2. feature Layer, 구조 방법 종 류 를 추가 하고 두 가지 방법 으로 feature Layer 를 만 듭 니 다. 방법 하 나 는 json 문자 설명 feature 를 가 져 오 는 것 입 니 다. 방법 하 나 는 링크 계층 의 url 을 가 져 오 는 것 과 feature Layer 에 대한 option 설정 입 니 다.
주의해 야 할 것 은:
1. url 이 가리 키 는 것 은 편집 할 수 있 는 단일 그림 층 이 고 drawing info 정 보 를 가 진 것 이 며 표시 범위 와 밑그림 에 존재 합 니 다.
2. option 기본 두 속성 설정: mode, outFields.
1)mode
feature Layer 는 세 가지 모드 를 가지 고 있 습 니 다. 각각:
스냅 샷 모드 모드snapshot 선택 모드 modeselection 필요 모드 모드ondemand
어떤 모델 이 어떤 상황 에 적용 되 는 지 는 스스로 자세히 알 아야 하지만, 일반적인 상황 에 서 는 스냅 샷 모델 을 사용한다.
2)outFields
속성 outFields 는 * 또는 다른 지정 한 반환 속성 으로 설정 되 어 있 으 며, * 는 모든 것 을 되 돌려 줍 니 다.
이 기본 디 스 플레이 추가 가 완료 되 었 습 니 다!
이후 필요 에 따라 feature Layer 에 따라 렌 더 링 을 설정 할 수 있 습 니 다.
렌 더 링 클래스 Simple Renderer
layer 의 벡터 데이터 형식, 구조 기호 에 따라 면 기호 로 예 를 들 면:
/*
		 * SimpleFillSymbol    style-outline-color
		 * SimpleLineSymbol    style-color-width
		 */
		var symbol=new SimpleFillSymbol(
			SimpleFillSymbol.STYLE_SOLID,
			new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHDOT,new Color([255,0,0]),2),
			new Color([255,255,0,0.25])
		);

간단하게 렌 더 링 하기:
	//       
		var renderer=new SimpleRenderer(symbol);
		featureLayer.setRenderer(renderer);
		
		map.addLayer(featureLayer,1);
그림 에 간단하게 추가 할 수 있 습 니 다.

좋은 웹페이지 즐겨찾기