Visual Studio代碼擴展名,其中包含用於使用ArcGIS Maps SDK的JavaScript的常見代碼模式的片段集合。
目錄
要使用此擴展程序,您需要安裝:
安裝後,有兩種使用方法:
選項1 )使用內置與代碼Intellisense:
index.js文件創建一個空項目。elev )。Tab選擇片段或Enter鍵。Tab (向前)和Shift+Tab (向後)在它們之間移動。 
故障排除:
如果Intellisense不起作用:
- 確保在設置(
Preferences>Open Settings(JSON))中具有"editor.tabCompletion": "on"- 如果按下標籤不起作用,則可能有幾個具有相同前綴的片段。按
Ctrl-Space(Mac上的Cmd-Space)選擇您需要的一個。在官方VSCODE文檔中閱讀有關此功能的更多信息。
選項2 )安裝摘要查看器擴展程序
此擴展程序為活動欄添加了一個新選項,可讓您快速瀏覽並插入內置和自定義片段:

| 前綴 | 描述 |
|---|---|
| Getapi | 將CSS和JavaScript添加到CDN中的JavaScript中的ESRI ArcGIS MAPS SDK中。該片段還暫停了包裝路徑。 |
| 方解石 | 從CDN添加CSS和JavaScript中的ESRI方解石設計系統。 |
| 前綴 | 描述 |
|---|---|
| 要求 | 使用需要加載地圖和MapView模塊 |
| 需要Apapikeys | 使用require |
| mapViewMap | 使用地圖創建2D MapView |
| 場景視圖圖 | 使用地圖創建3D場景視圖。 |
| mapviewwebmap | 使用網絡圖和門戶網站創建2D地圖。 |
| 場景viewwebscene | 使用WebScene和Portalitem創建3D地圖。 |
| addlayerfromportalitem | 使用門戶項目ID向地圖添加新圖層。包含門戶項目ID的佔位符。 |
| SimpleerererProps | 呈現一個具有一個符號的圖層中的所有功能。該摘要通常用於設置特色菜,Seneelerer,Mapimagelayer,csvlayer,Geojsonlayer,ogcfeaturelelayer,wfslayer或streamlayer ..的屬性“渲染器”。 |
| 唯一Valuerendererprops | 生成一個唯一的價值渲染器。此摘要通常用於設置特色店,Seneelerer,Mapimagelayer,csvlayer,Geojsonlayer,ogcfeaturelayer,wfslayer,streamlayer,streamLayer,imagerylayer或Imigerytilelayer的屬性“渲染器” |
| class breaksrenderererprops | 生成一個classbreaksrenderer。該摘要通常用於設置特色店,Scenelayer,Mapimagelayer,Csvlayer,Geojsonlayer,OgcFeatUrelayer,wfslayer,streamlayer,imagerylayer,imagerylayer或ImmigerTilelayer的屬性“渲染器”。 |
| sizeVisualVariable Props | 基於數字值的設置功能大小。創建一個具有2個尺寸停止的尺寸。軸屬性僅在3D中使用。該片段通常用於設置渲染器的屬性“ VisualVariables []。 |
| colorvarprops | 生成具有2個顏色停止的ColorVariable。用於根據數字屬性字段或表達式的值沿連續的彩色坡道可視化特徵。該片段通常用於設置渲染器類的屬性“ VisualVariables []”。 |
| TemuleredCluctultclusterProps | 生成用於在MapView中聚類的配置。應將其設置在包含點幾何形狀的圖層上。該片段通常用於設置特色店,csvlayer,geojsonlayer,wfslayer或ogcfeaturelayer幾何形狀的屬性“特徵性”。 |
| LabelClass2d | 為2D地圖的圖層中的標籤創建標籤。它以特色列賽,csvlayer,geojsonlayer,streamlayer,ogcfeaturelayer或wfslayer在2D mapviews中的特徵列表,csvlayer,geojsonlayer,eyojsonlayer,streamlayer,streamlayer,geojsonlayer,geojsonlayer,geojsonlayer或2D mapviews的屬性中使用。 |
| LabelClass3D | 為3D地圖的圖層中的標籤創建標籤。它通常在屬性的“ labelinginfo []”屬性中使用。 |
| SimpleMarkerSymbolprops | 創建一個SimpleMarkerSymbol,用於在MapView或SceneView中使用簡單的形狀和顏色渲染2D點幾何,但是對於3D,建議使用Pointsymbol3D。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| Picturemarkersymbolprops | 創建一個PictureMarkerSymbol,允許在地圖上的點上進行自定義的基於圖像的標記。 |
| SimpleLinesymbolprops | 創建一個SimpleLineSymbol,用於在2D或3D視圖中渲染2D多線幾何形狀,但是對於3D,建議使用LinesSymbol3D。它可以用於多個屬性中,例如渲染器或單個圖形的“符號”,還可以使用標記和填充符號的“概述”。 |
| SimpleFillSymbolprops | 創建一個簡單的FillSymbol,用於在2D或3D視圖中渲染2D Polygon幾何形狀,但是對於3D,建議使用Polygonsymbol3D。它可以用純色或圖案填充。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| Picturefillsymbolprops | CpictureFillSymbol在重複模式中使用圖像來象徵2D MapView中的多邊形特徵。多邊形的模式。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| pointymbol3diconprops | 在場景視圖中使用iConsymbol3dlayer生成pointsymbol3d。可用形狀:圓,正方形,十字,X,風箏和三角形。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| lineymbol3ddrops | 在場景視圖中使用linesymbol3dlayer生成linesymbol3d。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| linesymbol3ddatpathpath | 用PATHSYMBOL3DLAYER生成lineSymbol3d。通過沿線擠出2D輪廓來渲染多線幾何形狀。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| meshsymbol3ddrops | 在場景視圖中的seniateLayer中使用fillsymbol3dlayer生成Meshsymbol3d。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| WaterSymbol3DlayerProps | WaterSymbol3Dlayer用於將多邊形幾何形狀作為逼真的動畫水面,因此只能在Polygonsymbol3d內使用。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| polygonsymbol3ddextrudeprops | 用甲蟲BOL3DLAYER生成polygonsymbol3d,用於場景視圖。它通過從地面向上擠出多邊形的幾何形狀,從而產生3D體積對象。該片段通常用於設置渲染器或單個圖形的屬性“符號”。 |
| EDGES3DPROPS | 將可視化添加到現有符號中。只能應用於fillsymbol3dlayer在meshsymbol3d上的“邊緣”屬性,或在polygonsymbol3d上的甲蟲BOL3DDLAYER。 |
| Callout3dsMallProps | 為城市規模級別和標註屬性生成帶有垂直分配的Callout3D。它們應設置在pointsymbol3d或labelsymbol3d的屬性上。 |
| Callout3DlargeProps | 生成帶有垂直Offset的Callout3D,用於世界尺度級別和標註屬性。它們應設置在pointsymbol3d或labelsymbol3d的屬性上。 |
| 海拔infoprops | 指定特徵如何放置在垂直軸上(z)。該摘要應用於設置特色店,CSVLAYER,WFSLAYER,SEENELAYER,SteelLayer,GeoJsonLayer,IntegratedMeshlayer等的屬性“ ElevationInfo”。 |
| 場景ViewenvironmentProps | 創建一個環境對象,以更改場景的背景。該片段通常用於設置場景視圖的屬性“環境”。 |
| 鹼基層 | 列出所有可用的無API鍵的可用地圖樣式。使用這些基礎圖需要ArcGIS開發人員訂閱或有效的ArcGIS在線組織訂閱 |
| basemapswithoutapikeys | 列出所有可用的無API鍵的可用地圖樣式。使用這些基礎圖需要ArcGIS開發人員訂閱或有效的ArcGIS在線組織訂閱 |
| SearchWidget | 搜索小部件提供了一種對ESRI提供的服務或功能進行搜索操作的方法。 |
| searchWidgetWithCustomSources | 搜索小部件提供了為第三方服務提供搜索功能的功能。要將自定義源與搜索小部件一起使用,您必須使用自己的自定義源設置小部件的源屬性。要創建一個自定義搜索源,您需要使用包含兩個功能,getuggestions和getResults的對象構建搜索源。 |
| SearchWidgetWithSources | 搜索小部件基於給定字段搜索多層源。要與搜索小部件一起使用多個源,您必須設置小部件的源屬性。 |
| 前綴 | 描述 |
|---|---|
| 地圖 | 導入地圖和地圖視圖模塊,然後創建一個新的地圖和MapView。包含基地,中心和Zoom的佔位符。 |
| 場景 | 導入地圖和場景視圖模塊,然後創建一個新的場景和場景視圖。包含一個基地的佔位符 |
| 網絡圖 | 導入Webmap和MapView模塊,並從網絡地圖ID創建新的MapView。包含用於網絡地圖ID和地圖容器的佔位符。 |
| Webscene | 導入WebScene和SceneView模塊,並從門戶網站項目ID創建新的場景視圖。包含項目ID和地圖容器的佔位符。 |
| addlayerfromportalitem | 從ArcGIS在線或企業門戶項目中向地圖添加新圖層。包含門戶項目ID的佔位符。 |
| 簡單的 | 生成一個簡單的人。包含一個符號的佔位符。 |
| 獨特的價值 | 生成一個唯一的valuerender。包含一個田地的佔位符,該符號和它生成一個獨特的ValueInfos陣列,帶有帶有價值,符號和標籤的代碼。 |
| 班級 | 生成一個classbreaksrenderer。包含該字段的佔位符,默認符號,並生成一個帶有Minvalue,MaxValue,MaxValue,符號和標籤的classbreakinfos數組。 |
| 點密度 | 生成一個dotdensityrenderer。包含一個佔位符的佔位符,單元,場,顏色和標籤。 |
| sizevar | 創建一個具有2個尺寸停止的尺寸。軸屬性僅在3D中使用。它包含場,標準化場,傳奇標題和大小停止值的佔位符。 |
| colorvar | 創建一個具有2個顏色停止的ColorVarable。它包含田野,標準化場,傳奇標題和顏色停止值的佔位符。 |
| clusterConfig | 生成用於在MapView中聚類的配置。應將其設置在包含點幾何形狀的圖層上。 |
| labeling2d | 為MapView中的標籤創建標籤。 |
| labeling3d | 在場景視圖中為標籤創建標籤。 |
| 簡訊 | 在MapView中創建SimpleMarkerSymbol。包含風格的佔位符。 |
| PMS | 在MapView中創建一個PictureMarkerSymbol。 |
| SLS | 在MapView中創建SimpleLineSymbol。包含風格,上限和加入的佔位符。 |
| SFS | 在MapView中創建一個簡單的FillSymbol。包含風格的佔位符。 |
| PFS | 在MapView中創建picturefillsymbol。 |
| ICONPOINT3D | 在場景視圖中使用IconSymbol3Dlayer創建點符號3D。包含用於原始,顏色和大小的佔位符。 |
| ObjectPoint3D | 在場景視圖中使用objectsymbol3dlayer創建點符號3D。包含原始,顏色,高度,深度和寬度的佔位符。 |
| line3d | 在場景視圖中使用linesymbol3dlayer創建LINESYMBOL3D。包含顏色和尺寸的佔位符。 |
| 路徑3D | 在場景視圖中創建帶有pathsymbol3dlayer的LinesMbol3d。包含供位,顏色,寬度,高度,連接,蓋,錨和介質的佔位符。 |
| fillpolygon3d | 在場景視圖中使用fillsymbol3dlayer創建一個polygonsymbol3d。包含佔位符的樣式,材料顏色和輪廓顏色。 |
| watersymbol3dlayer | 在場景視圖中使用WaterSymbol3Dlayer創建一個polygonsymbol3d。包含用於水域和波長的佔位符。 |
| 擠壓分解3D | 在場景視圖中創建帶有擠壓符號的polygonsymbol3d。包含材料顏色和尺寸的佔位符。 |
| fillmesh3d | 在場景視圖中使用fillsymbol3dlayer創建一個meshsymbol3d。包含顏色的佔位符。 |
| 草圖 | 創建可以應用於FillSymbol3Dlayer的Sketchedges3D。包含顏色,尺寸和延期長度的佔位符。 |
| Soildges | 創建可以應用於FillSymbol3Dlayer的Solidedges3D。包含顏色和尺寸的佔位符。 |
| 標題符號 | 生成城市規模級別和排名屬性的垂直差。它們應設置在pointymbol3d或labelsymbol3d上。包含尺寸,顏色和邊框顏色的佔位符。 |
| 跟踪拉格 | 為地球量表級別和排名屬性生成垂直差。它們應設置在pointymbol3d或labelsymbol3d上。包含尺寸,顏色和邊框顏色的佔位符。 |
| 海拔 | 創建一個要在圖層上設置的高程info的對象。包含用於模式,偏移,街機驅動表達和單位的佔位符。 |
| SceneBackground | 創建一個環境對象,以更改場景的背景。它應該在場景視圖上設置,並包含顏色的佔位符。 |
| 前綴 | 描述 |
|---|---|
| Tsconfig | 默認的tsconfig文件 |
| tsconfigbasic | 簡單的tsconfig文件 |
| 前綴 | 描述 |
|---|---|
| 窗口明星 | 創建ESRI小部件的基本起動器。包含小部件名稱和默認CSS類名稱的佔位符。 |
| 可渲染的Property | 添加一個可渲染的屬性。包含屬性名稱的佔位符。 |
| 構造函數 | 添加一個構造函數 |
| 反應量 | 創建一個反應地圖或場景組件 |
如果某些事情無法按照您的預期工作,請首先查看先前記錄的問題。您找到了一個新錯誤嗎?是否需要提高現有片段的增強?建議新的片段或工具?打開一個新問題,我們很想收到您的來信。
ESRI歡迎任何人和所有人的貢獻。請參閱我們的貢獻指南。
要了解有關Visual Studio代碼中代碼段的一般使用的更多信息,請閱讀Visual Studio官方文檔。
如果您創建自己的自定義代碼片段以與ArcGIS Maps SDK一起使用JavaScript,請考慮為此存儲庫做出貢獻或加入其他共享其片段的開發人員。
版權2023 ESRI
摘要是根據Apache許可證的2.0版(“許可證”)獲得許可的;除了符合許可外,您不得使用此文件。您可以在
http://www.apache.org/licenses/license-2.0
除非適用法律要求或以書面形式同意,否則根據許可證分配的軟件是按照“原樣”分發的,沒有任何明示或暗示的任何形式的保證或條件。請參閱許可證,以獲取執行許可條款和限制的特定語言。
該許可證的副本可在Repository的許可證文件中使用。
可以在此處找到有關JavaScript許可的ArcGIS MAPS SDK的信息:https://developers.arcgis.com/javascript/latest/guide/guide/licensing/。