arcgis js vscode snippets
1.0.0
Visual Studio -Code -Erweiterung, die eine Sammlung von Snippets für gemeinsame Codemuster mit ArcGIS -Karten SDK für JavaScript enthält.
Inhaltsverzeichnis
Um diese Erweiterung zu verwenden, müssen Sie installieren:
Nach der Installation gibt es zwei Möglichkeiten, es zu verwenden:
Option 1 ) Verwenden von integriertem vs Code IntelliSense:
index.js -Datei.elev ).Tab oder die Taste Enter .Tab (vorwärts) und Shift+Tab (rückwärts) zwischen ihnen bewegen. 
Fehlerbehebung:
Wenn der Intellisense nicht funktioniert:
- Stellen Sie sicher, dass
"editor.tabCompletion": "on"in den Einstellungen (Preferences>Open Settings(JSON)).- Wenn das Drücken der Registerkarte nicht funktioniert, haben Sie möglicherweise mehrere Snippets mit demselben Präfix. Drücken Sie
Ctrl-Space(Cmd-Spaceauf dem Mac), um die benötigte auszuwählen.Lesen Sie mehr über diese Funktion in der offiziellen VSCODE -Dokumentation.
Option 2 ) Installieren der Snippet Viewer -Erweiterung
Diese Erweiterung fügt der Aktivitätsleiste eine neue Option hinzu, mit der Sie schnell integrierte und benutzerdefinierte Snippets durchsuchen und einfügen:
| Präfix | Beschreibung |
|---|---|
| Getapi | Fügen Sie das CSS und JavaScript für die Esri Arcgis Maps SDK für JavaScript aus dem CDN hinzu. Dieser Snippet stößt auch die Paketpfade aus. |
| Calcit | Fügen Sie das CSS und JavaScript für das ESRI -Calcit -Designsystem vom CDN hinzu. |
| Präfix | Beschreibung |
|---|---|
| erfordern | Laden Sie die MAP- und MAPVIEW -Module mit der Forderung |
| Erfordernis | Laden Sie die Konfigurations-, Karten- und MapView |
| MAPVIEWMAP | Erstellen Sie 2D MapView mit einer Karte |
| SzeneviewMap | Erstellen Sie 3D SceneView mit einer Karte. |
| MAPVIEWWEBMAP | Erstellen Sie 2D -Karte mit einem WebMap und einem Portalitem. |
| Szeneviewwebscene | Erstellen Sie die 3D -Karte mit einer Webcene und einem Portalitem. |
| AddlayerfromportalItem | Fügen Sie der Karte mit einer Portal -Element -ID eine neue Ebene hinzu. Enthält einen Platzhalter für die Portal -Item -ID. |
| SimpleerErendererProps | Rendert alle Merkmale in einer Ebene mit einem Symbol. Dieser Ausschnitt wird normalerweise verwendet, um die Eigenschaft "Renderer" eines Featurelayer, Szenelayer, Mapimagelayer, CSVLayer, GeojsonLayer, OgcfeaturelelelelelelaTer, WFSLayer oder Streamlayer zu setzen. |
| UniquevaluerendererProps | Generieren Sie einen eindeutigen Wert -Renderer. Dieser Ausschnitt wird normalerweise verwendet, um die Eigenschaft "Renderer" eines Featurelayer, Szenelayer, Mapimagelayer, CSVLayer, GeojsonLayer, OgcfeaturelelelelelelelelelelaS, WFSLayer, Streamlayer, Imagerylayer oder Imageserytilelayer zu setzen |
| ClassbreaksrendererProps | Generieren Sie einen Klassenbreaksrenderer. Dieser Ausschnitt wird normalerweise verwendet, um die Eigenschaft "Renderer" eines Featurelayer, Szenelayer, Mapimagelayer, CSVLayer, GeojsonLayer, OgcfeaturelelelelelelelelelelelelaS, WFSLayer, Streamlayer, Imagerylayer oder Imageserytilelayer festzulegen. |
| sizevisualVariableProps | Setzen Sie die Größe der Funktionen basierend auf einem numerischen Wert. Erstellt eine sizevariable mit 2 Größenstopps. Die Achseneigenschaft wird nur in 3D verwendet. Dieser Ausschnitt wird normalerweise verwendet, um die Eigenschaft "visualvariables []" eines Renderers einzustellen. |
| ColorVarProps | Erzeugen Sie eine farbige variable mit 2 Farbstopps. Wird verwendet, um Merkmale entlang einer kontinuierlichen Farbrampe zu visualisieren, basierend auf den Werten eines numerischen Attributfelds oder eines Ausdrucks. Dieser Ausschnitt wird normalerweise verwendet, um die Eigenschaft "visualvariables []" einer Renderer -Klasse einzustellen. |
| FeatureductionClusterProps | Generiert die Konfiguration für das Clustering in einer MapView. Dies sollte auf Schichten eingestellt werden, die die Punktgeometrie enthalten. Dieser Ausschnitt wird normalerweise verwendet, um die Eigenschaft "Featureduction" eines Featurelelayer, CSVLayer, GeojsonLayer, WFSLayer oder OGCFeaturElayer Geometrie zu setzen. |
| LabelClass2d | Erstellt das Etikettierungsinfo für Etiketten in einer Ebene für 2D -Karten. Es wird normalerweise in der Eigenschaft "labelingInfo []" eines Featurelayer, CSVLayer, GeojsonLayer, Streamlayer, Ogcfeaturelayer oder WFSLayer in 2D Mapviews verwendet. |
| LabelClass3d | Erstellt das Etikettierungsinfo für Etiketten in einer Ebene für 3D -Karten. Es wird normalerweise in der Eigenschaft "labelingInfo []" einer Featurelayer, Szenelager oder einer beliebigen Layyer mit dieser Eigenschaft in einer Szeneview verwendet. |
| SimpleMarkersymbolProps | Erstellen Sie ein SimpleMarkersymbol zum Rendern von 2D -Punktgeometrien mit einer einfachen Form und Farbe in einer Mapview oder einer Szeneview. Für 3D wird jedoch empfohlen, pointymbol3d zu verwenden. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| picturemarkersymbolprops | Erstellen Sie ein PictureMarkersymbol, das benutzerdefinierte bildbasierte Markierungen für Punkte auf Karten ermöglicht. |
| SimplelinesymbolProps | Erstellen Sie ein Simplelinesymbol zum Rendern von 2D -Polyline -Geometrien in einer 2D- oder 3D -Ansicht. Für 3D wird jedoch empfohlen, Linesymbol3D zu verwenden. Es kann in mehreren Eigenschaften wie "Symbol" von Renderern oder individuellen Grafiken verwendet werden, aber auch "Umriss" von Marker und Füllsymbolen. |
| SimpleFillsymbolProps | Erstellen Sie ein SimpleFillsymbol zum Rendern von 2D -Polygongeometrien in einer 2D- oder 3D -Ansicht. Für 3D wird jedoch empfohlen, Polygonsymbol3D zu verwenden. Es kann mit einer festen Farbe oder einem Muster gefüllt werden. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| PictureFillsymbolProps | CpictureFillsymbol verwendet ein Bild in einem sich wiederholenden Muster, um Polygonmerkmale in einer 2D -MapView zu symbolisieren. Muster für Polygone. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| pointymbol3diconProps | Generieren Sie Pointsymbol3D mit einem iConsymbol3dlayer in einer Szeneview. Verfügbare Formen: Kreis, Quadrat, Kreuz, X, Drachen und Dreieck. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| Linesymbol3DProps | Generieren Sie Linesymbol3d mit einem Linesymbol3Dlayer in einer Szeneview. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| Linesymbol3DPathProps | Erzeugen Sie Linesymbol3D mit einem Pathsymbol3Dlayer. Rendert Polyline Geometrien, indem Sie ein 2D -Profil entlang der Linie extrudieren. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| meshsymbol3dprops | Generieren Sie Meshsymbol3D mit einem Fillsymbol3dlayer in einer Szenelschicht in einer Szeneview. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| Watersymbol3DlayerProps | Watersymbol3Dlayer wird verwendet, um Polygongeometrien als realistische, animierte Wasseroberflächen zu rendern. Daher kann es nur in einem Polygonsymbol3d verwendet werden. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| Polygonsymbol3DextuumeProps | Erzeugen Sie Polygonsymbol3d mit einem extrudesymbol3dlayer, der in einer Szeneview verwendet werden soll. Es rendert Polygongeometrien, indem sie sie vom Boden nach oben extrudieren und ein 3D -volumetrisches Objekt erzeugt. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Symbol" von Renderern oder individuellen Grafiken festzulegen. |
| REDGE3DPROPS | Fügen Sie vorhandene Symbole die Visualisierung der Kantenrendern hinzu. Kann nur auf "Kanten" von Fillsymbol3dlayer auf meshsymbol3d oder extrudesymbol3dlayer auf Polygonsymbol3d angewendet werden. |
| CALLOUT3DSMALLPROPS | Generiert einen Callout3D mit einer vertikalen Stadtrundset für eine Stadtstufe und die Callout -Immobilie. Sie sollten auf der Eigenschaft "Callout" von Punkteymbol3d oder LaBelsymbol3d eingestellt werden. |
| callout3dlargeProps | Generiert einen Callout3D mit einer vertikalen Stufe für eine Weltskala -Ebene und die Callout -Eigenschaft. Sie sollten auf der Eigenschaft "Callout" von Punkteymbol3d oder LaBelsymbol3d eingestellt werden. |
| ElevationInfoproprops | Gibt an, wie Merkmale auf der vertikalen Achse (z) platziert werden. Diese Snippets sollten verwendet werden, um die Eigenschaft "ElevationInfo" eines Featurelayer, CSVLayer, WFSLayer, SzeneLayer, Streamlayer, GeojsonLayer, IntegratedMeShlayer usw. festzulegen. |
| SzeneviewenvironmentProps | Erstellt ein Umgebungsobjekt, um den Hintergrund einer Szene zu ändern. Dieser Snippet wird normalerweise verwendet, um die Eigenschaft "Umgebung" der Szeneview festzulegen. |
| Basemapswithapikeys | Listen Sie alle verfügbaren Kartenstile auf, die ohne API -Schlüssel verwendet werden sollen. Die Verwendung dieser Basemaps erfordert ein ARCGIS -Entwicklerabonnement oder ein gültiges ARCGIS -Online -Organisationsabonnement |
| Basemapswithoutapikeys | Listen Sie alle verfügbaren Kartenstile auf, die ohne API -Schlüssel verwendet werden sollen. Die Verwendung dieser Basemaps erfordert ein ARCGIS -Entwicklerabonnement oder ein gültiges ARCGIS -Online -Organisationsabonnement |
| SearchWidget | Das Such -Widget bietet eine Möglichkeit, Suchvorgänge für Dienste oder Funktionen von ESRI auszuführen. |
| SearchWidgetWithCustomsources | Das Such-Widget bietet die Möglichkeit, Suchfunktionen für Dienste von Drittanbietern bereitzustellen. Um eine benutzerdefinierte Quelle mit dem Such -Widget zu verwenden, müssen Sie die Eigenschaft des Widget -Quellen mit Ihrer eigenen benutzerdefinierten Quelle festlegen. Um eine benutzerdefinierte Suchquelle zu erstellen, müssen Sie eine Suchquelle mit einem Objekt erstellen, das zwei Funktionen, Getuggestions und GetResults enthält. |
| SearchWidgetWithSources | Das Such -Widget, um mehrere Ebenenquellen basierend auf bestimmten Feldern zu durchsuchen. Um mehrere Quellen mit dem Such -Widget zu verwenden, müssen Sie die Quelleneigenschaft des Widgets festlegen. |
| Präfix | Beschreibung |
|---|---|
| Karte | Importieren Sie die Map- und Kartenansichtsmodule und erstellen Sie dann eine neue Karte und MapView. Enthält Platzhalter für Basemap, Mitte und Zoom. |
| Szene | Importieren Sie die Map- und Szenenansichtsmodule und erstellen Sie dann eine neue Szene- und Szenenansicht. Enthält einen Platzhalter für das Basemap |
| Webmap | Importieren Sie die WebMap- und MapView -Module und erstellen Sie eine neue MapView aus einer Web -Map -ID. Enthält einen Platzhalter für die Web -Map -ID und den Kartencontainer. |
| Webcene | Importieren Sie die Webcene- und Szeneview -Module und erstellen Sie eine neue Szeneview aus einer Portal -Element -ID. Enthält einen Platzhalter für die Element -ID und den Kartenbehälter. |
| AddlayerfromportalItem | Fügen Sie der Karte eine neue Ebene eines Online- oder Enterprise -Portal -Elements hinzu. Enthält einen Platzhalter für die Portal -Item -ID. |
| einfach | Generiert einen Simpleerenderer. Enthält einen Platzhalter für das Symbol. |
| Uniqualue | Erzeugt einen einheitlichen Evaluerenderer. Enthält einen Platzhalter für das Feld, das Symbol und es erzeugt ein einheitliches EvalueInfos -Array mit PlaceHolzern für Wert, Symbol und Etikett für die Legende. |
| Klassenbreaks | Generiert einen Classbreaksrenderer. Enthält einen Platzhalter für das Feld, das Standardsymbol und erzeugt ein Classbreakinfos -Array mit PlaceHolern für Minvalue, MaxValue, Symbol und Etikett für die Legende. |
| Dotdensität | Generiert einen DotdensityRenderer. Enthält einen Platzhalter für den DotValue, das Gerät, das Feld, die Farbe und das Etikett. |
| sizevar | Erstellt eine sizevariable mit 2 Größenstopps. Die Achseneigenschaft wird nur in 3D verwendet. Es enthält Platzhalter für Feld, NormalisierungField, den Legend -Titel und die Größenstoppwerte. |
| Colorvar | Erstellt eine farbigvariable mit 2 Farbstopps. Es enthält Platzhalter für Feld, Normalisierungfeld, den Legend -Titel und die Farbstoppwerte. |
| Clusterconfig | Generiert die Konfiguration für das Clustering in einer MapView. Dies sollte auf Schichten eingestellt werden, die die Punktgeometrie enthalten. |
| Labeling2d | Erstellt das LabelingInfo für Etiketten in einem Mapview. |
| Labeling3d | Erstellt das LabelingInfo für Etiketten in einer Szeneview. |
| SMS | Erstellt ein SimpleMarkersymbol in einem Mapview. Enthält Platzhalter für Stil. |
| PMS | Erstellt ein PictureMarkersymbol in einem Mapview. |
| sls | Erstellt ein Simplelinesymbol in einem Mapview. Enthält Platzhalter für Stil, Cap und Join. |
| SFS | Erstellt ein SimpleFillsymbol in einem Mapview. Enthält Platzhalter für Stil. |
| PFS | Erstellt ein PictureFillsymbol in einem Mapview. |
| iConpoint3d | Erstellt ein punktesymbol3d mit iconsymbol3dlayer in einer Szeneview. Enthält Platzhalter für primitive, Farbe und Größe. |
| ObjectPoint3D | Erstellt eine punktesymbol3d mit ObjectSymbol3Dlayer in einer Szeneview. Enthält Platzhalter für Primitive, Farbe, Höhe, Tiefe und Breite. |
| Linie3d | Erstellt ein Linesymbol3D mit einem Linesymbol3dlayer in einer Szeneview. Enthält Platzhalter für Farbe und Größe. |
| Path3d | Erstellt ein Linesymbol3D mit einem Pathsymbol3Dlayer in einer Szeneview. Enthält Platzhalter für Profil, Farbe, Breite, Höhe, Join, Cap, Anker und Profilerotation. |
| FILLPOLYGON3D | Erstellt ein Polygonsymbol3D mit einem Fillsymbol3dlayer in einer Szeneview. Enthält Platzhalter für Stil, materielle Farbe und Umrissfarbe. |
| WATERSYMBOL3DLAYER | Erstellt ein Polygonsymbol3d mit einem Watersymbol3dlayer in einer Szeneview. Enthält Platzhalter für Waterbodysize und Wellenlänge. |
| extroudepolygon3d | Erstellt ein Polygonsymbol3d mit einem extrudesymbol3dlayer in einer szeneview. Enthält Platzhalter für materielle Farbe und Größe. |
| fillmesh3d | Erstellt ein Meshsymbol3D mit einem Fillsymbol3dlayer in einer Szeneview. Enthält Platzhalter für Farbe. |
| skizziert | Erstellt Sketchedges3D, die auf einen Fillsymbol3dlayer angewendet werden können. Enthält Platzhalter für die Farbe, die Größe und die Verlängerung. |
| Soildedges | Erstellt SORDEDGEGE3D, die auf einen Fillsymbol3dlayer angewendet werden können. Enthält Platzhalter für die Farbe und die Größe. |
| Calloutsmall | Generiert das vertikale Offset für eine Stadtstufe und die Callout -Immobilie. Sie sollten auf punktesymbol3d oder labelsymbol3d eingestellt werden. Enthält Platzhalter für Größe, Farbe und Randfarbe. |
| Calloutlarge | Generiert das vertikale Offset für eine Globus -Skala und die Callout -Eigenschaft. Sie sollten auf punktesymbol3d oder labelsymbol3d eingestellt werden. Enthält Platzhalter für Größe, Farbe und Randfarbe. |
| ElevationInfo | Erstellt ein Objekt für ElevationInfo auf Ebenen. Enthält Platzhalter für Modus, Offset, Arcade -angetriebene Ausdruck und Einheit. |
| Szenenbackground | Erstellt ein Umgebungsobjekt, um den Hintergrund einer Szene zu ändern. Es sollte auf einer Szeneview eingestellt werden und enthält einen Platzhalter für Farbe. |
| Präfix | Beschreibung |
|---|---|
| Tsconfig | Standard -Tsconfig -Datei |
| tsconfigBasic | Einfache Tsconfig -Datei |
| Präfix | Beschreibung |
|---|---|
| WidgetStarter | Grundlegender Starter zum Erstellen eines Esri -Widgets. Enthält Platzhalter für den Widget -Namen und den Standard -CSS -Klassennamen. |
| RenderableProperty | Fügen Sie eine renderierbare Eigenschaft hinzu. Enthält Platzhalter für den Immobiliennamen. |
| Konstruktor | Fügen Sie einen Konstruktor hinzu |
| Reactmap | Erstellen Sie eine React -Karte oder eine Szenenkomponente |
Wenn etwas nicht so funktioniert, wie Sie es erwartet haben, sehen Sie sich zuerst einen Blick auf zuvor protokollierte Probleme. Haben Sie einen neuen Fehler gefunden? Möchten Sie eine Verbesserung eines vorhandenen Snippets anfordern? Schlagen Sie ein neues Ausschnitt oder ein neues Werkzeug vor? Öffnen Sie ein neues Problem, wir würden gerne von Ihnen hören.
Esri begrüßt Beiträge von jedem und allen. Bitte beachten Sie unsere Richtlinien für den Beitrag.
Weitere Informationen zur allgemeinen Verwendung von Code -Snippets in Visual Studio Code lesen Sie die offizielle Dokumentation von Visual Studio.
Wenn Sie Ihre eigenen benutzerdefinierten Code -Snippets erstellen, um mit dem ArcGIS Maps SDK für JavaScript zu arbeiten, sollten Sie sich zu diesem Repository beiwirken lassen oder sich anderen Entwicklern anschließen, die ihre Snippets teilen.
Copyright 2023 Esri
Die Snippets sind unter der Apache -Lizenz, Version 2.0 ("Lizenz") lizenziert. Sie dürfen diese Datei nur in Übereinstimmung mit der Lizenz verwenden. Sie können eine Kopie der Lizenz bei erhalten
http://www.apache.org/licenses/license-2.0
Sofern nicht nach geltendem Recht oder schriftlich zu vereinbart wird, wird die im Rahmen der Lizenz verteilte Software auf "As is" -Basis ohne Gewährleistung oder Bedingungen jeglicher Art ausdrücklich oder impliziert verteilt. Siehe die Lizenz für die spezifischen Sprachberechtigungen und Einschränkungen im Rahmen der Lizenz.
Eine Kopie der Lizenz ist in der lizenz.txt -Datei des Repository verfügbar.
Informationen zur ArcGIS -Karten SDK für JavaScript -Lizenzierung finden Sie hier: https://developers.arcgis.com/javascript/latest/guide/licensing/.
