arcgis js vscode snippets
1.0.0
Extension de code Visual Studio qui contient une collection d'extraits d'extraits pour les modèles de code communs avec ArcGis Maps SDK pour JavaScript.
Table des matières
Pour utiliser cette extension, vous devrez installer:
Après l'installation, il existe deux façons de l'utiliser:
Option 1 ) Utilisation de Code intégré vs Intellisense:
index.js vide.elev ).Tab ou Enter la touche.Tab (vers l'avant) et Shift+Tab (en arrière). 
Dépannage:
Si l'intellisense ne fonctionne pas:
- Assurez-vous d'avoir
"editor.tabCompletion": "on"dans les paramètres (Preferences>Open Settings(JSON))- Si l'onglet appuyant ne fonctionne pas, vous pouvez avoir plusieurs extraits avec le même préfixe. Appuyez sur
Ctrl-Space(Cmd-Spacesur Mac) pour sélectionner celui dont vous avez besoin.En savoir plus sur cette fonctionnalité dans la documentation officielle VSCODE.
Option 2 ) Installation de l'extension de la visionneuse d'extrait
Cette extension ajoute une nouvelle option à la barre d'activité qui vous permet de parcourir et d'insérer rapidement des extraits intégrés et personnalisés:
| Préfixe | Description |
|---|---|
| getapi | Ajoutez le CSS et JavaScript pour le SDK ESRI ArcGis Maps pour JavaScript du CDN. Cet extrait décroche également les chemins de package. |
| calcite | Ajoutez le CSS et le JavaScript pour le système de conception de calcite ESRI à partir du CDN. |
| Préfixe | Description |
|---|---|
| exiger | Chargez la carte et les modules MapView en utilisant l'exigence |
| obligatoires | Chargez les modules de configuration, map et mapView en utilisant l'exigence |
| Mapviewmap | Créer 2D MapView à l'aide d'une carte |
| SceneViewMap | Créez une vue de scène 3D à l'aide d'une carte. |
| MapViewWebmap | Créez une carte 2D à l'aide d'un webmap et d'un portalitem. |
| SceneViewWebsCene | Créez une carte 3D à l'aide d'un WebSCENE et d'un portalitem. |
| addLayerFromPortalitem | Ajoutez une nouvelle couche à la carte à l'aide d'un ID d'élément de portail. Contient un espace réservé pour l'ID de l'élément de portail. |
| SimpleRendererProps | Rend toutes les fonctionnalités en une couche avec un seul symbole. Cet extrait est généralement utilisé pour définir la propriété "rendu" d'un Featlayer, SceneLayer, MapImageLayer, CSVLayer, GeoJSonlayer, OgCFeAreLayer, WFSLayer ou Streamlayer .. |
| unicévalueRendererprops | Générer un rendu de valeur unique. Cet extrait est généralement utilisé pour définir la propriété "Rendu" d'un Featlayer, SceneLayer, MapimageLayer, CSVLayer, GeoJSonLayer, OgCFeArelayer, WFSlayer, Streamlayer, Imagerylayer ou ImageryTileLayer |
| ClassBreaksRendererProps | Générez un ClassBreaksRenderer. Cet extrait est généralement utilisé pour définir la propriété "Rendu" d'un FeatureLayer, Scenelayer, MapImageLayer, CSVlayer, GeoJSonlayer, OgCFeArelayer, WFSlayer, Stream Edvilyer, ImageryLayer ou ImageryTileLeryer. |
| sizeVisualVariableProps | Définissez la taille des fonctionnalités basées sur une valeur numérique. Crée une taille variable avec 2 arrêts de taille. La propriété de l'axe n'est utilisée qu'en 3D. Cet extrait est généralement utilisé pour définir la propriété "VisualVariables []" d'un rendu. |
| colorvarprops | Générez une couleur couleur avec 2 arrêts de couleur. Utilisé pour visualiser les fonctionnalités le long d'une rampe de couleur continue basée sur les valeurs d'un champ d'attribut numérique ou d'une expression. Cet extrait est généralement utilisé pour définir la propriété "VisualVariables []" d'une classe de rendu. |
| featationDductionClusterProps | Génère la configuration du clustering dans une MapView. Cela devrait être réglé sur les couches contenant la géométrie du point. Cet extrait est généralement utilisé pour définir la propriété "FeatationDduction" d'un Featlayer, CSVLayer, GeojSonLaYer, WFSlayer ou OGCFeatuerLayer. |
| LabelClass2d | Crée le LabelingInfo pour les étiquettes dans une couche pour les cartes 2D. Il est normalement utilisé dans la propriété "LabelingInfo []" d'un FeatureLayer, CSVLayer, GeojSonLaYer, Streamlayer, OGCFeUreLayer ou WFSlayer dans 2D MapViews. |
| LabelClass3d | Crée le LabelingInfo pour les étiquettes dans une couche pour les cartes 3D. Il est normalement utilisé dans la propriété "LabelingInfo []" d'un featlayer, de scenelayer ou de tout lanceer avec cette propriété dans une vue de scène. |
| Simplemarkersymbolprops | Créez un Simplemarkersymbol pour rendre les géométries à point 2D avec une forme et une couleur simples dans une MapView ou une SceneView, mais pour la 3D, il est recommandé d'utiliser POLINGOLBOL3D. Cet extrait est généralement utilisé pour définir le "symbole" de la propriété des rendus ou des graphiques individuels. |
| picturemarkersymbolprops | Créez un PictureMarkersymbol, permettant des marqueurs basés sur l'image personnalisés pour les points sur les cartes. |
| simplinesymbolprops | Créez un simplilinesymbole pour rendre les géométries de polyligne 2D dans une vue 2D ou 3D, mais pour la 3D, il est recommandé d'utiliser LineSymbol3d. Il peut être utilisé dans plusieurs propriétés comme le "symbole" des rendus ou des graphiques individuels, mais également "contourner" des symboles marqueurs et de remplissage. |
| SimpleFillSymbolprops | Créez un fichier simple pour rendre les géométries de polygone 2D dans une vue 2D ou 3D, mais pour la 3D, il est recommandé d'utiliser Polygonsymbol3d. Il peut être rempli d'une couleur unie ou d'un motif. Cet extrait est généralement utilisé pour définir le "symbole" de la propriété des rendus ou des graphiques individuels. |
| PictureFillSymbolProps | CpiCtureFillSymbol utilise une image dans un motif répétitif pour symboliser les fonctionnalités de polygone dans une carte 2D. Modèles pour les polygones. Cet extrait est généralement utilisé pour définir le «symbole» de la propriété des rendus ou des graphiques individuels. |
| Pointymbol3diconprops | Générez POINGOBLOL3D avec un Iconsymbol3DLayer dans une scène de scène. Formes disponibles: cercle, carré, croix, x, cerf-volant et triangle. Cet extrait est généralement utilisé pour définir le «symbole» de la propriété des rendus ou des graphiques individuels. |
| line | Générez LineSymbol3d avec un lineymbol3DLayer dans une scène de scène. Cet extrait est généralement utilisé pour définir le «symbole» de la propriété des rendus ou des graphiques individuels. |
| linedymbol3dpathprops | Générez LineSymbol3d avec un PathSymbol3Dlayer. Rend les géométries de polyligne en extrudant un profil 2D le long de la ligne. Cet extrait est généralement utilisé pour définir le «symbole» de la propriété des rendus ou des graphiques individuels. |
| MeshSymbol3DProps | Générez MeshSymbol3d avec un remplimbol3Dlayer dans un scénario dans une scène de scène. Cet extrait est généralement utilisé pour définir le «symbole» de la propriété des rendus ou des graphiques individuels. |
| watersymbol3dlayerprops | Watersymbol3Dlayer est utilisé pour rendre les géométries des polygones comme des surfaces d'eau animées réalistes, donc elle ne peut être utilisée qu'à l'intérieur d'un polygonsymbol3d. Cet extrait est généralement utilisé pour définir le «symbole» de la propriété des rendus ou des graphiques individuels. |
| polygonsymbol3dextrudeprops | Générez Polygonsymbol3d avec un Extrudesymbol3Dlayer à utiliser dans une vue de scène. Il rend les géométries des polygones en les extrudant vers le haut à partir du sol, créant un objet volumétrique 3D. Cet extrait est généralement utilisé pour définir le «symbole» de la propriété des rendus ou des graphiques individuels. |
| EDGES3DPROPS | Ajoutez une visualisation de rendu de bord aux symboles existants. Ne peut être appliqué que sur la propriété "arêtes" de FillSymbol3Dlayer sur MeshSymbol3d ou Extrudesymbol3Dlayer sur polygonsymbol3d. |
| callout3dsmallprops | Génère un Callout3d avec un VerticalOffset pour un niveau d'échelle de la ville et la propriété de callout. Ils devraient être définis sur la propriété "Calout" de POINTUMBOL3D ou LABELSYMBOL3D. |
| callout3dlargeprops | Génère un Callout3d avec un VerticalOffset pour un niveau d'échelle mondiale et la propriété de callout. Ils devraient être définis sur la propriété "Calout" de POINTUMBOL3D ou LABELSYMBOL3D. |
| ElivationInfoprops | Spécifie comment les fonctionnalités sont placées sur l'axe vertical (z). Ces extraits doivent être utilisés pour définir la propriété "ElevationInfo" d'un Featlayer, CSVLayer, WFSlayer, SceneLayer, Streamlayer, GeoJSonLaYer, IntegratedMeshlayer, etc. |
| SceneViewenvironmentProps | Crée un objet d'environnement pour changer l'arrière-plan d'une scène. Cet extrait est généralement utilisé pour définir «l'environnement» de la propriété de la vue de Scene. |
| BaseMapswithapikeys | Répertoriez tous les styles de carte disponibles à utiliser sans touches API. L'utilisation de ces BaseMaps nécessite un abonnement de développeur ArcGIS ou un abonnement organisationnel valide ArcGIS en ligne |
| BaseMapswithoutapikeys | Répertoriez tous les styles de carte disponibles à utiliser sans touches API. L'utilisation de ces BaseMaps nécessite un abonnement de développeur ArcGIS ou un abonnement organisationnel valide ArcGIS en ligne |
| SearchWidget | Le widget de recherche fournit un moyen d'effectuer des opérations de recherche sur des services ou des fonctionnalités fournies par ESRI. |
| Searchwidget aveccustomsources | Le widget de recherche offre la capacité de fournir des capacités de recherche aux services tiers. Pour utiliser une source personnalisée avec le widget Search, vous devez définir la propriété Sources du widget avec votre propre source personnalisée. Pour créer une source de recherche personnalisée, vous devez construire une source de recherche avec un objet contenant deux fonctions, GetGugestions et GetResults. |
| Searchwidget avec les sources | Le widget de recherche pour rechercher plusieurs sources de calques en fonction des champs donnés. Pour utiliser plusieurs sources avec le widget de recherche, vous devez définir la propriété Sources du widget. |
| Préfixe | Description |
|---|---|
| carte | Importez les modules MAP et Map View, puis créez une nouvelle carte et MapView. Contient des espaces réservés pour BasEmap, Center et Zoom. |
| scène | Importez les modules de vue de la carte et de la scène, puis créez une nouvelle scène et une nouvelle vue de scène. Contient un espace réservé pour la carte de base |
| webmap | Importez les modules WebMap et MapView et créez un nouveau MapView à partir d'un ID de carte Web. Contient un espace réservé pour l'ID de carte Web et le conteneur de la carte. |
| webscéne | Importez les modules WebSCene et SceneView et créez une nouvelle SceneView à partir d'un ID d'élément de portail. Contient un espace réservé pour l'ID d'élément et le conteneur de carte. |
| addLayerFromPortalitem | Ajoutez une nouvelle couche à la carte à partir d'un élément ArcGIS en ligne ou portail d'entreprise. Contient un espace réservé pour l'ID de l'élément de portail. |
| simple | Génère un simpleRenderer. Contient un espace réservé pour le symbole. |
| uniques | Génère un UniQuevalueRenderer. Contient un espace réservé pour le champ, le symbole et il génère un réseau UniQuevalueInfos avec des espaces réservoirs pour la valeur, le symbole et l'étiquette pour la légende. |
| bris de classe | Génère un ClassBreaksRenderer. Contient un espace réservé pour le champ, le symbole par défaut et il génère un tableau ClassBreakInfos avec des espaces réservés pour MinValue, MaxValue, Symbol and Label pour la légende. |
| dotdensité | Génère un dotDensityRenderer. Contient un espace réservé pour la dotvalue, l'unité, le champ, la couleur et l'étiquette. |
| sizevar | Crée une taille variable avec 2 arrêts de taille. La propriété de l'axe n'est utilisée qu'en 3D. Il contient des espaces réservés pour le champ, la normalisation, le titre de légende et les valeurs d'arrêt de taille. |
| colorvar | Crée une couleur couleur avec 2 arrêts de couleur. Il contient des espaces réservés pour le champ, la normalisation, le titre de légende et les valeurs d'arrêt de couleur. |
| clusterconfig | Génère la configuration du clustering dans une MapView. Cela devrait être réglé sur les couches contenant la géométrie du point. |
| étiquetage2d | Crée le LabelingInfo pour les étiquettes dans une MapView. |
| étiquetage3d | Crée le LabelingInfo pour les étiquettes dans une vue de scène. |
| SMS | Crée un Simplemarkersymbol dans une MapView. Contient l'espace réservé pour le style. |
| PMS | Crée un PictureMarkersymbol dans une MapView. |
| SLS | Crée une simplilinesymbole dans une carte. Contient l'espace réservé pour le style, le capuchon et la jointure. |
| SFS | Crée un simpleFillSymbol dans une MapView. Contient l'espace réservé pour le style. |
| PFS | Crée un PictureFillSymbol dans une MapView. |
| iconpoint3d | Crée un Pointymbol3d avec iConsymbol3DLayer dans une vue de scène. Contient des espaces réservés pour la primitive, la couleur et la taille. |
| ObjectPoint3d | Crée un PointyMol3d avec ObjectSymbol3Dlayer dans une scène de scène. Contient des espaces réservés pour la primitive, la couleur, la hauteur, la profondeur et la largeur. |
| line3d | Crée un lineymbol3d avec un lineymbol3DLayer dans une vue de scène. Contient des espaces réservés pour la couleur et la taille. |
| PATH3D | Crée une lineymbol3d avec un pathSymbol3DLayer dans une vue de scène. Contient des espaces réservés pour le profil, la couleur, la largeur, la hauteur, la jointure, le capuchon, l'ancre et le profilerotation. |
| fillpolygon3d | Crée un Polygonsymbol3d avec un FillSymbol3Dlayer dans une vue de scène. Contient des espaces réservés pour le style, la couleur du matériau et la couleur des contour. |
| watersymbol3dlayer | Crée un polygonsymbol3d avec un watersymbol3Dlayer dans une vue de scène. Contient l'espace réservé pour WaterBodysize et WavestRength. |
| extrudépolygon3d | Crée un polygonsymbol3d avec un extrudesymbol3Dlayer dans une vue de scène. Contient des espaces réservés pour la couleur et la taille du matériau. |
| fillmesh3d | Crée un MeshSymbol3d avec un FillSymbol3Dlayer dans une vue de scène. Contient l'espace réservé pour la couleur. |
| esquisse | Crée des esquisses3d qui peuvent être appliquées à un remplimbol3dLayer. Contient les espaces réservés pour la couleur, la taille et la longueur d'extension. |
| sobedges | Crée Solidededges3D qui peut être appliquée à un FillSymbol3DLayer. Contient des espaces réservés pour la couleur et la taille. |
| callououtsmall | Génère le VerticalOffset pour un niveau d'échelle de la ville et la propriété de callout. Ils doivent être réglés sur POINTUMBOL3D ou LabelSymbol3d. Contient des espaces réservés pour la taille, la couleur et la couleur de la bordure. |
| calloutLarge | Génère le VerticalOffset pour un niveau d'échelle globe et la propriété de callout. Ils doivent être réglés sur POINTUMBOL3D ou LabelSymbol3d. Contient des espaces réservés pour la taille, la couleur et la couleur de la bordure. |
| ElevationInfo | Crée un objet pour ElevationInfo à régler sur les couches. Contient des espaces réservés pour le mode, le décalage, l'expression et l'unité entraînée par l'arcade. |
| SceneBackground | Crée un objet d'environnement pour changer l'arrière-plan d'une scène. Il doit être défini sur une vue de scène et il contient un espace réservé pour la couleur. |
| Préfixe | Description |
|---|---|
| tsconfig | Fichier tsconfig par défaut |
| tsconfigbasic | Fichier tsconfig simple |
| Préfixe | Description |
|---|---|
| widgetstarter | Démarreur de base pour créer un widget ESRI. Contient les espaces réservés pour le nom du widget et le nom de classe CSS par défaut. |
| RenderableProperty | Ajouter une propriété rendue. Contient l'espace réservé pour le nom de la propriété. |
| constructeur | Ajouter un constructeur |
| reactmap | Créer une carte de réact ou un composant de scène |
Si quelque chose ne fonctionne pas comme vous vous y attendez, veuillez d'abord jeter un œil aux problèmes précédemment enregistrés. Avez-vous trouvé un nouveau bug? Vous souhaitez demander une amélioration à un extrait existant? Suggérer un nouvel extrait ou un nouvel outil? Ouvrez un nouveau numéro, nous serions ravis de vous entendre.
Esri accueille les contributions de quiconque et de tous. Veuillez consulter nos directives pour la contribution.
Pour en savoir plus sur l'utilisation générale des extraits de code dans Visual Studio Code, lisez la documentation officielle Visual Studio.
Si vous créez vos propres extraits de code personnalisés pour travailler avec le SDK ArcGis Maps pour JavaScript, veuillez envisager de contribuer à ce référentiel ou de rejoindre d'autres développeurs partageant leurs extraits.
Copyright 2023 Esri
Les extraits sont concédés sous licence Apache, version 2.0 (la "licence"); Vous ne pouvez pas utiliser ce fichier sauf conforme à la licence. Vous pouvez obtenir une copie de la licence à
http://www.apache.org/licenses/license-2.0
Sauf exiger la loi applicable ou convenu par écrit, les logiciels distribués en vertu de la licence sont distribués sur une base «tel quel», sans garantie ou conditions d'aucune sorte, expresse ou implicite. Voir la licence pour la langue spécifique régissant les autorisations et les limitations sous la licence.
Une copie de la licence est disponible dans le fichier licence.txt du référentiel.
Des informations sur le SDK ArcGis Maps pour les licences JavaScript peuvent être trouvées ici: https://developers.arcgis.com/javascript/latest/guide/licenseing/.
