arcgis js vscode snippets
1.0.0
JavaScript 용 Arcgis Maps SDK를 갖춘 일반적인 코드 패턴을위한 스 니펫 모음이 포함 된 Visual Studio Code Extension.
목차
이 확장을 사용하려면 다음을 설치해야합니다.
설치 후 사용하는 두 가지 방법이 있습니다.
옵션 1 ) 내장 vs 코드 IntelliSense 사용 :
index.js 파일로 빈 프로젝트를 만듭니다.elev ).Tab 누르거나 키 Enter 입력하여 스 니펫을 선택하십시오.Tab (앞으로) 및 Shift+Tab (뒤로)을 사용하여 이동할 수 있습니다. 
문제 해결 :
Intellisense가 작동하지 않으면 :
- 설정에서
"editor.tabCompletion": "on"(Preferences>Open Settings(JSON)을 갖도록하십시오.- 탭을 누르지 않으면 접두사가 동일한 몇 개의 스 니펫이있을 수 있습니다.
Ctrl-Space(Mac의Cmd-Space)을 눌러 필요한 것을 선택하십시오.이 기능에 대해 공식 VSCODE 문서에서 자세히 알아보십시오.
옵션 2 ) 스 니펫 뷰어 확장자 설치
이 확장자는 활동 막대에 새로운 옵션을 추가하여 내장 및 사용자 정의 스 니펫을 빠르게 찾아보고 삽입 할 수 있습니다.
| 접두사 | 설명 |
|---|---|
| getapi | CDN의 JavaScript 용 Esri Arcgis Maps SDK의 CSS 및 JavaScript를 추가하십시오. 이 스 니펫은 또한 패키지 경로를 스터브합니다. |
| 방해석 | CDN에서 ESRI 방해석 설계 시스템의 CSS 및 JavaScript를 추가하십시오. |
| 접두사 | 설명 |
|---|---|
| 필요하다 | 요구 사항을 사용하여 맵 및 MapView 모듈을로드하십시오 |
| 요구 사항 | 요구 사항을 사용하여 구성, 맵 및 MapView 모듈을로드하십시오. |
| MapViewMap | 맵을 사용하여 2D MapView를 만듭니다 |
| SceneViewMap | 맵을 사용하여 3D 장면 뷰를 만듭니다. |
| MapViewWebMap | 웹 맵과 포털을 사용하여 2D 맵을 만듭니다. |
| SceneViewWebScene | WebScene 및 Portalitem을 사용하여 3D 맵 생성 .. |
| addlayerfromportalitem | 포털 항목 ID를 사용하여 맵에 새 레이어를 추가하십시오. 포털 품목 ID의 자리 표시자가 포함되어 있습니다. |
| 간단한 렌더러 프롭 | 하나의 기호로 모든 기능을 레이어로 렌더링합니다. 이 스 니펫은 일반적으로 Fircurelayer, Shaneelayer, Mapimagelayer, CSVlayer, GeojsonLayer, Ogcfeaturelayer, WFSlayer 또는 Streamlayer의 속성 "렌더러"를 설정하는 데 사용됩니다. |
| 고유 한 ValuerendererProps | 고유 한 값 렌더러를 생성하십시오. 이 스 니펫은 일반적으로 Fircurelayer, Shaneelayer, Mapimagelayer, Csvlayer, GeojsonLayer, Ogcfeaturelayer, WFSLayer, Limllayer, ImageryLayer, 또는 ImageryTilelayer의 속성 "렌더러"를 설정하는 데 사용됩니다. |
| ClassebreaksRendererProps | ClassbreaksRenderer를 생성하십시오. 이 스 니펫은 일반적으로 피처 러너, 장면, mapimagelayer, csvlayer, geojsonlayer, ogcfeaturelayer, wfslayer, leamlayer, imagerylayer, imagerytilelayer의 속성 "렌더러"를 설정하는 데 사용됩니다. |
| sizevisualVariableProps | 숫자 값을 기준으로 기능의 크기를 설정합니다. 2 개의 크기 정지로 크기 변수를 만듭니다. 축 속성은 3D에서만 사용됩니다. 이 스 니펫은 일반적으로 렌더러의 속성 "VisualVariables []"를 설정하는 데 사용됩니다. |
| ColorVarProps | 2 개의 색상 정지로 색상을 생성합니다. 숫자 속성 필드 또는 표현식의 값에 따라 연속 색상 램프를 따라 기능을 시각화하는 데 사용됩니다. 이 스 니펫은 일반적으로 렌더러 클래스의 "VisualVariables []"속성을 설정하는 데 사용됩니다. |
| FeatureseductionclusterProps | MapView에서 클러스터링 구성을 생성합니다. 포인트 형상을 포함하는 레이어에 설정해야합니다. 이 스 니펫은 일반적으로 Featurelayer, CSVlayer, GeojsonLayer, WFSlayer 또는 Ogcfeaturelayer Geometry의 속성을 설정하는 데 사용됩니다. |
| labelclass2d | 2D 맵의 레이어로 레이블에 대한 LabelingInfo를 만듭니다. 2D MapViews의 Featurelayer, CSVlayer, GeojsonLayer, Streamlayer, Ogcfeaturelayer 또는 Wfslayer의 "LabelingInfo []"에 일반적으로 사용됩니다. |
| labelclass3d | 3D 맵의 레이어로 레이블에 대한 LabelingInfo를 만듭니다. 일반적으로 Featurelayer, SceneLayer 또는 SceneView 내에 해당 속성을 가진 모든 Layyer의 속성 "LabelingInfo []"에 사용됩니다. |
| Simplemarkersymbolprops | MapView 또는 SceneView에서 간단한 모양과 색상으로 2D 포인트 형상을 렌더링하기위한 SimpleMarkersymbol을 만듭니다. 그러나 3D의 경우 PointSymbol3d를 사용하는 것이 좋습니다. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| Picturemarkersymbolprops | PictureMarkersymbol을 만들어 맵의 포인트에 대한 사용자 정의 이미지 기반 마커를 허용합니다. |
| 단순한 표현형 | 2D 또는 3D 뷰에서 2D 폴리 라인 형상을 렌더링하기위한 단순한 라인 픽을 만듭니다. 그러나 3D의 경우 lineymbol3d를 사용하는 것이 좋습니다. 렌더러 또는 개별 그래픽의 "기호"와 같은 여러 속성으로 사용할 수 있지만 마커 및 채우기 기호의 "개요"도 사용할 수 있습니다. |
| SimpleFillsymbolProps | 2D 또는 3D 뷰에서 2D 다각형 형상을 렌더링하기위한 SimpleFillsymbol을 만듭니다. 그러나 3D의 경우 다 Polygonsymbol3d를 사용하는 것이 좋습니다. 단색 또는 패턴으로 채워질 수 있습니다. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| Picturefillsymbolprops | cpicturefillsymbol은 반복 패턴의 이미지를 사용하여 2D MapView의 다각형 기능을 상징합니다. 다각형 패턴. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| PointSymbol3diconProps | 장면 뷰에서 Iconsymbol3dlayer로 pointsymbol3d를 생성합니다. 사용 가능한 모양 : 원, 사각형, 십자가, X, 연 및 삼각형. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| lineymbol3dprops | 장면 뷰에서 lineymbol3dlayer로 lineymbol3d를 생성합니다. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| lineymbol3dpathprops | Pathsymbol3dlayer로 Linesymbol3d를 생성합니다. 라인을 따라 2D 프로파일을 압출하여 폴리 라인 형상을 렌더링합니다. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| meshsymbol3dprops | 장면 뷰의 장면에서 Fillsymbol3dlayer로 meshsymbol3d를 생성합니다. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| Watersymbol3dlayerProps | Watersymbol3dlayer는 다각형 지오메트리를 현실적이고 애니메이션 수면으로 렌더링하는 데 사용되므로 다각형 상징 볼3D 내부에서만 사용할 수 있습니다. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| Polygonsymbol3dextrudeprops | 장면 뷰에서 사용될 압출 상징 볼3dlayer와 함께 다각형 상징 볼3D를 생성하십시오. 그것은 다각형 지오메트리를지면에서 위로 압출하여 3D 볼륨 객체를 만듭니다. 이 스 니펫은 일반적으로 렌더러 또는 개별 그래픽의 속성 "기호"를 설정하는 데 사용됩니다. |
| Edges3dProps | 기존 기호에 가장자리 렌더링 시각화를 추가하십시오. polygonsymbol3d에서 meshsymbol3d 또는 압출 상징 볼3dlayer에서 fillsymbol3dlayer의 "가장자리"특성에만 적용될 수 있습니다. |
| callout3dsmallprops | 도시 규모 수준 및 콜 아웃 속성에 대한 수직 오프가있는 Callout3D를 생성합니다. PointSymbol3d 또는 Labelsymbol3d의 "콜 아웃"속성에 설정해야합니다. |
| callout3dlargeprops | 세계 스케일 레벨 및 콜 아웃 속성에 대한 verticalOffset이있는 Callout3D를 생성합니다. PointSymbol3d 또는 Labelsymbol3d의 "콜 아웃"속성에 설정해야합니다. |
| elvationinfoprops | 수직 축 (Z)에 기능이 어떻게 배치되는지 지정합니다. 이 스 니펫은 Featurelayer, CSVlayer, WFSlayer, SceneLayer, Streamlayer, GeojsonLayer, IntegratedMeshlayer 등의 속성을 설정하는 데 사용해야합니다. |
| SceneViewEnvironmentProps | 장면의 배경을 변경하기위한 환경 객체를 만듭니다. 이 스 니펫은 일반적으로 SceneView의 속성 "환경"을 설정하는 데 사용됩니다. |
| Basemapswithapikeys | API 키없이 사용할 수있는 모든 맵 스타일을 나열하십시오. 이러한베이스 맵을 사용하려면 ArcGIS 개발자 구독 또는 유효한 ArcGIS 온라인 조직 구독이 필요합니다. |
| Basemapswithoutapikeys | API 키없이 사용할 수있는 모든 맵 스타일을 나열하십시오. 이러한베이스 맵을 사용하려면 ArcGIS 개발자 구독 또는 유효한 ArcGIS 온라인 조직 구독이 필요합니다. |
| searchWidget | 검색 위젯은 ESRI가 제공하는 서비스 또는 기능에서 검색 작업을 수행하는 방법을 제공합니다. |
| searchWidgetWithCustomSources | 검색 위젯은 타사 서비스에 검색 기능을 제공 할 수있는 기능을 제공합니다. 검색 위젯과 함께 사용자 정의 소스를 사용하려면 고유 한 사용자 정의 소스로 위젯의 소스 속성을 설정해야합니다. 사용자 정의 검색 소스를 만들려면 두 가지 기능이 포함 된 객체의 검색 소스를 구성해야합니다. |
| SearchWidgetWithSources | 주어진 필드를 기반으로 여러 계층 소스를 검색하는 검색 위젯. 검색 위젯과 함께 여러 소스를 사용하려면 위젯의 소스 속성을 설정해야합니다. |
| 접두사 | 설명 |
|---|---|
| 지도 | 맵 및 맵보기 모듈을 가져 오면 새 맵과 MapView를 만듭니다. 베이스 맵, 센터 및 줌을위한 자리 표시자를 포함합니다. |
| 장면 | 맵과 장면보기 모듈을 가져 오면 새 장면과 장면보기를 만듭니다. 베이스 맵에 대한 자리 표시자가 포함되어 있습니다 |
| 웹 맵 | 웹 맵 및 MapView 모듈을 가져 와서 웹 맵 ID에서 새 MapView를 만듭니다. 웹 맵 ID 및지도 컨테이너 용 자리 표시자가 포함되어 있습니다. |
| WebScene | WebScene 및 SceneView 모듈을 가져 와서 포털 항목 ID에서 새 SceneView를 만듭니다. 항목 ID 및 맵 컨테이너의 자리 표시자가 포함되어 있습니다. |
| addlayerfromportalitem | Arcgis Online 또는 Enterprise Portal 항목에서지도에 새 레이어를 추가하십시오. 포털 품목 ID의 자리 표시자가 포함되어 있습니다. |
| 단순한 | 단순한 렌더러를 생성합니다. 기호에 대한 자리 표시자가 포함되어 있습니다. |
| 고유 한 value | 고유 한 발 루어 렌더를 생성합니다. 필드에 대한 자리 표시 자, 기호를 포함하며, 값, 기호 및 전설에 대한 자리 표시기와 함께 고유 한 valueinfos 배열을 생성합니다. |
| 클래스 브레이스 | ClassbreaksRenderer를 생성합니다. 필드에 대한 자리 표시 자, 기본 기호를 포함하고 MinValue, MaxValue, 기호 및 라벨을위한 위 홀로 어와 함께 ClassBreakInfos 배열을 생성합니다. |
| 도문 | DotdensityRenderer를 생성합니다. DotValue, 장치, 필드, 색상 및 레이블의 자리 표시자가 포함되어 있습니다. |
| Sizevar | 2 개의 크기 정지로 크기 변수를 만듭니다. 축 속성은 3D에서만 사용됩니다. 여기에는 현장, 정규화 필드, 범례 제목 및 크기 정지 값을위한 장소 보유자가 포함됩니다. |
| Colorvar | 2 개의 색상 정지로 색상을 생성합니다. 여기에는 필드, 정규화 필드, 범례 제목 및 색상 정지 값을위한 장소 보유자가 포함됩니다. |
| ClusterConfig | MapView에서 클러스터링 구성을 생성합니다. 포인트 형상을 포함하는 레이어에 설정해야합니다. |
| LABELING2D | MapView에서 레이블에 대한 labelingInfo를 만듭니다. |
| 레이블 3D | SceneView에서 레이블에 대한 LabelingInfo를 만듭니다. |
| SMS | MapView에서 Simplemarkersymbol을 만듭니다. 스타일 용 자리 표시자를 포함합니다. |
| PMS | MapView에서 PictureMarkersymbol을 만듭니다. |
| SLS | MapView에서 단순한 사람을 만듭니다. 스타일, 캡 및 가입 용 자리 표시자를 포함합니다. |
| SFS | MapView에서 SimpleFillsymbol을 만듭니다. 스타일 용 자리 표시자를 포함합니다. |
| PFS | MapView에서 PictureFillsymbol을 만듭니다. |
| iConPoint3d | 장면 뷰에서 iconsymbol3dlayer로 pointsymbol3d를 만듭니다. 원시, 색상 및 크기에 대한 자리 표시자를 포함합니다. |
| ObjectPoint3d | 장면 뷰에서 Objectsymbol3dlayer로 pointsymbol3d를 만듭니다. 원시, 색상, 높이, 깊이 및 너비를위한 자리 표시자를 포함합니다. |
| line3d | 장면 뷰에서 linesymbol3dlayer로 linesymbol3d를 만듭니다. 색상과 크기에 대한 자리 표시자를 포함합니다. |
| path3d | 장면 뷰에서 Pathsymbol3dlayer로 linesymbol3d를 만듭니다. 프로파일, 색상, 너비, 높이, 조인, 캡, 앵커 및 프로파일 링에 대한 자리 표시자를 포함합니다. |
| FillPolygon3d | SceneView에서 FillSymbol3dlayer로 다각형 상징 볼3D를 만듭니다. 스타일, 재료 색상 및 개요 색상에 대한 자리 표시자가 포함되어 있습니다. |
| Watersymbol3dlayer | 장면 뷰에서 Watersymbol3dlayer로 다각형 상징 볼3D를 만듭니다. Waterbodysize 및 Wavestrength 용 자리 표시자를 포함합니다. |
| Exprudepolygon3d | 장면 뷰에서 압출 상징 볼3dlayer로 다각형 상징 볼3D를 만듭니다. 재료 색상 및 크기에 대한 자리 표시자를 포함합니다. |
| FillMesh3d | 장면 뷰에서 FillSymbol3dlayer로 meshsymbol3d를 만듭니다. 색상을위한 자리 표시자를 포함합니다. |
| 스케치 | fillsymbol3dlayer에 적용 할 수있는 SketchedGes3d를 만듭니다. 색상, 크기 및 확장 길이에 대한 자리 표시자가 포함됩니다. |
| soildedges | FillSymbol3dlayer에 적용 할 수있는 SolidedGes3d를 만듭니다. 색상 및 크기에 대한 자리 표시자가 포함됩니다. |
| CalloutSmall | 도시 규모 수준 및 콜 아웃 속성에 대한 verticalOffset을 생성합니다. pointsymbol3d 또는 labelsymbol3d에 설정해야합니다. 크기, 색상 및 테두리 색상에 대한 자리 표시자를 포함합니다. |
| CalloutLarge | 글로브 스케일 레벨 및 콜 아웃 속성에 대한 verticalOffset을 생성합니다. pointsymbol3d 또는 labelsymbol3d에 설정해야합니다. 크기, 색상 및 테두리 색상에 대한 자리 표시자를 포함합니다. |
| 고도 | elevationInfo가 레이어에 설정 될 객체를 만듭니다. 모드, 오프셋, 아케이드 구동식 표현 및 장치 용 자리 표시자가 포함됩니다. |
| 장면 백 | 장면의 배경을 변경하기위한 환경 객체를 만듭니다. SceneView에 설정되어야하며 색상을위한 자리 표시자가 포함되어 있습니다. |
| 접두사 | 설명 |
|---|---|
| tsconfig | 기본 tsconfig 파일 |
| tsconfigbasic | 간단한 tsconfig 파일 |
| 접두사 | 설명 |
|---|---|
| 위젯 스타터 | ESRI 위젯을 만드는 기본 스타터. 위젯 이름 및 기본 CSS 클래스 이름에 대한 자리 표시자를 포함합니다. |
| 렌더링 가능한 프로페티 | 렌더링 가능한 속성을 추가하십시오. 부동산 이름에 대한 자리 표시자를 포함합니다. |
| 건설자 | 생성자를 추가하십시오 |
| REACTMAP | 반응 맵 또는 장면 구성 요소를 만듭니다 |
무언가가 예상대로 작동하지 않으면 먼저 이전에 기록 된 문제를 먼저 살펴보십시오. 새로운 버그를 찾았습니까? 기존 스 니펫에 대한 향상을 요청하고 싶습니까? 새로운 스 니펫이나 도구를 제안 하시겠습니까? 새로운 이슈를 열면, 우리는 당신의 의견을 듣고 싶습니다.
Esri는 모든 사람과 모든 사람의 기여를 환영합니다. 기여에 대한 지침을 참조하십시오.
Visual Studio Code에서 코드 스 니펫의 일반적인 사용 에 대해 자세히 알아 보려면 Visual Studio 공식 문서를 읽으십시오.
JavaScript 용 ArcGIS Maps SDK와 함께 작동하기 위해 고유 한 사용자 정의 코드 스 니펫을 만들면이 저장소에 기여하거나 스 니펫을 공유하는 다른 개발자와 함께하십시오.
저작권 2023 Esri
스 니펫은 Apache 라이센스, 버전 2.0 ( "라이센스")에 따라 라이센스가 부여됩니다. 라이센스를 준수하는 것 외에는이 파일을 사용할 수 없습니다. 라이센스 사본을 얻을 수 있습니다
http://www.apache.org/licenses/license-2.0
해당 법률에 의해 요구되거나 서면에 동의하지 않는 한, 라이센스에 따라 배포 된 소프트웨어는 명시 적 또는 묵시적 보증 또는 조건없이 "그대로"기준으로 배포됩니다. 라이센스에 따른 특정 언어 통치 권한 및 제한 사항에 대한 라이센스를 참조하십시오.
라이센스 사본은 리포지토리의 License.txt 파일에서 사용할 수 있습니다.
JavaScript 라이센스를위한 Arcgis Maps SDK에 대한 정보는 여기에서 확인할 수 있습니다 : https://developers.arcgis.com/javaScript/latest/guide/licensing/.
