arcgis js vscode snippets
1.0.0
Visual Studio Code Extension que contiene una colección de fragmentos para patrones de código comunes con SDK de mapas ArcGIS para JavaScript.
Tabla de contenido
Para usar esta extensión, deberá instalar:
Después de instalar, hay dos formas de usarlo:
Opción 1 ) Uso de Code integrado VS IntelliSense:
index.js vacío.elev ).Tab o Enter la tecla.Tab (Forward) y Shift+Tab (hacia atrás). 
Solución de problemas:
Si el IntelliSense no funciona:
- Asegúrese de tener
"editor.tabCompletion": "on"en la configuración (Preferences>Open Settings(JSON)))- Si presionar la pestaña no funciona, entonces puede tener varios fragmentos con el mismo prefijo. Presione
Ctrl-Space(Cmd-Spaceen Mac) para seleccionar el que necesita.Lea más sobre esta función en la documentación oficial de VSCODE.
Opción 2 ) Instalación de la extensión del visor de fragmentos
Esta extensión agrega una nueva opción a la barra de actividades que le permite navegar rápidamente e insertar fragmentos integrados y personalizados:
| Prefijo | Descripción |
|---|---|
| getapi | Agregue el CSS y JavaScript para el SDK de mapas de arcgis ESRI para JavaScript del CDN. Este fragmento también elimina las rutas del paquete. |
| calcita | Agregue el CSS y JavaScript para el sistema de diseño de calcita ESRI del CDN. |
| Prefijo | Descripción |
|---|---|
| requerir | Cargar los módulos MAP y MAPVIEW utilizando |
| requireapikeys | Cargar los módulos config, map y mapView utilizando requerir |
| Mapviewmap | Crear 2D MapView usando un mapa |
| Escenaviewmap | Crea 3D SceneView usando un mapa. |
| Mapviewwebmap | Cree un mapa 2D utilizando un mapas web y un portalitem. |
| Escenaviewwebscene | Cree un mapa 3D utilizando un WebScene y un PortalItem. |
| addLayerFromPortalItem | Agregue una nueva capa al mapa utilizando un ID de elemento de portal. Contiene un marcador de posición para el ID de artículo del portal. |
| SimplerendererProps | Renderiza todas las características en una capa con un símbolo. Este fragmento generalmente se usa para establecer la propiedad "Renderer" de un FeatureLayer, ScenElayer, Mapimagelayer, CSVLayer, GeoJsonlayer, OGCFeAtureLayer, WFSlayer o Streamlayer. |
| UniqueValuerendererProps | Genere un renderizador de valor único. Este fragmento generalmente se usa para establecer la propiedad "Renderer" de un FeatureLayer, ScenElayer, Mapimagelayer, CSVLayer, GeoJsonlayer, OGCFeAtureLayer, WFSlayer, Streamlayer, ImageryLayer, ImageryTilElayerer |
| ClassbreakSrendererProps | Generar un Classbreaksrenderer. Este fragmento generalmente se usa para establecer la propiedad "Renderer" de un FeatureLayer, ScenElayer, Mapimagelayer, CSVLayer, Geojsonlayer, OGCFeAtureLayer, WFSlayer, Streamlayer, ImageryLayer o ImageryTilelAyer. |
| sizeVisualVariableProps | Establecer el tamaño de las características basadas en un valor numérico. Crea un sizevariable con paradas de 2 tamaño. La propiedad del eje solo se usa en 3D. Este fragmento generalmente se usa para establecer la propiedad "VisualVariables []" de un renderizador. |
| ColorVarprops | Genere un ColorVariable con 2 paradas de color. Se utiliza para visualizar características a lo largo de una rampa de color continua basada en los valores de un campo de atributo numérico o una expresión. Este fragmento generalmente se usa para establecer la propiedad "VisualVariables []" de una clase de renderizador. |
| FeureredUctuctionClusterProps | Genera la configuración para la agrupación en un MAPVIEW. Esto debe establecerse en capas que contienen geometría de punto. Este fragmento generalmente se usa para establecer la propiedad "característica" de un FeatureLayer, CSVLayer, Geojsonlayer, WFSlayer o OGCFeAtureLayer Geometry. |
| LabelClass2d | Crea el LabelingInfo para etiquetas en una capa para mapas 2D. Se usa normalmente en la propiedad "LabelingInfo []" de A FeatureLayer, CSVLayer, GeoJsonlayer, Streamlayer, OGCFeAtureLayer o WFSlayer en 2D MAPVIEWS. |
| LabelClass3d | Crea el etiquetador de etiquetas para las etiquetas en una capa para mapas 3D. Normalmente se usa en la propiedad "LabelingInfo []" de un FeatureLayer, ScenElayer o cualquier Layyer con esa propiedad dentro de una vista de escena. |
| SimpleMarkerSymbolprops | Cree un SimpleMarkerSymbol para representar geometrías de puntos 2D con una forma y color simples en un MAPVIEW o una View de escena, pero para 3D se recomienda usar PointSymbol3D. Este fragmento generalmente se usa para establecer la propiedad "símbolo" de renderizadores o gráficos individuales. |
| PictureMarkerSymbolprops | Cree un PictureMarkerSymbol, que permite marcadores personalizados basados en imágenes para puntos en mapas. |
| SimpleSineSymbolprops | Cree un SimpleLineSymbol para hacer geometrías de polilínea 2D en una vista 2D o 3D, pero para 3D se recomienda usar LineyMbol3d. Se puede usar en varias propiedades como "símbolo" de renderizadores o gráficos individuales, pero también "contorno" de símbolos marcadores y rellenos. |
| Simplefillsymbolprops | Cree un símbolo simple para hacer geometrías de polígono 2D en una vista 2D o 3D, pero para 3D se recomienda usar poligonsymbol3d. Se puede llenar con un color sólido o un patrón. Este fragmento generalmente se usa para establecer la propiedad "símbolo" de renderizadores o gráficos individuales. |
| Picturefillsymbolprops | CpictureFillSymbol utiliza una imagen en un patrón de repetición para simbolizar las características de polígono en una vista 2D MAPVIEW. Patrones para polígonos. Este fragmento generalmente se usa para establecer el "símbolo" de la propiedad de renderizadores o gráficos individuales. |
| PointSymbol3diconprops | Genere PointSymbol3d con un IconSymbol3Dlayer en una vista de escena. Formas disponibles: círculo, cuadrado, cruz, x, cometa y triángulo. Este fragmento generalmente se usa para establecer el "símbolo" de la propiedad de renderizadores o gráficos individuales. |
| LINEYMBOL3DPRSES | Genere LineyMbol3d con un LineyMbol3Dlayer en una vista de escena. Este fragmento generalmente se usa para establecer el "símbolo" de la propiedad de renderizadores o gráficos individuales. |
| LINEYMBOL3DPATHPRESPRS | Genere LineyMbol3d con un ratero Symbol3Dlayer. Rendera geometrías polilíneas extrudiendo un perfil 2D a lo largo de la línea. Este fragmento generalmente se usa para establecer el "símbolo" de la propiedad de renderizadores o gráficos individuales. |
| Meshsymbol3dprops | Genere MeshSymbol3d con un FillSymbol3Dlayer en un escenario en una vista de escena. Este fragmento generalmente se usa para establecer el "símbolo" de la propiedad de renderizadores o gráficos individuales. |
| watersymbol3dlayerprops | Watersymbol3Dlayer se usa para representar las geometrías de polígono como superficies de agua animadas realistas, por lo tanto, solo se puede usar dentro de un poligonsymbol3d. Este fragmento generalmente se usa para establecer el "símbolo" de la propiedad de renderizadores o gráficos individuales. |
| poligonsymbol3Dextrudeprops | Genere Polygonsymbol3D con un Extrudesymbol3Dlayer para ser utilizado en una vista de escena. Renderiza geometrías de polígono al extruirlas hacia arriba desde el suelo, creando un objeto volumétrico 3D. Este fragmento generalmente se usa para establecer el "símbolo" de la propiedad de renderizadores o gráficos individuales. |
| bordes3dprops | Agregue la visualización de representación de borde a los símbolos existentes. Solo se puede aplicar a la propiedad de "bordes" de FillSymbol3Dlayer en Meshsymbol3D o Extrudesymbol3Dlayer en poligonsymbol3d. |
| llamado3dsmallprops | Genera una llamada3D con un verticaloffset para un nivel de escala de la ciudad y la propiedad de la llamada. Deben configurarse en la propiedad "llamada" de PointSymbol3d o Labelsymbol3d. |
| COLLOUT3DLARGEPRSES | Genera una llamada 3D con un verticalOffset para un nivel de escala mundial y la propiedad de la llamada. Deben configurarse en la propiedad "llamada" de PointSymbol3d o Labelsymbol3d. |
| ElevationInfoprops | Especifica cómo se colocan las características en el eje vertical (z). Estos fragmentos deben usarse para establecer la propiedad "ElevationInfo" de A FeatureLayer, CSVLayer, WFSlayer, ScenElayer, Streamlayer, Geojsonlayer, IntegratedMeshlayer, etc. |
| escenaviewenvironmentprops | Crea un objeto de entorno para cambiar el fondo de una escena. Este fragmento generalmente se usa para establecer el "entorno" de la propiedad de la vista de escena. |
| mapa mapa base | Lista todos los estilos de mapa disponibles que se utilizarán sin claves API. El uso de estos mapas de base requiere una suscripción de desarrollador de ArcGIS o una suscripción organizacional válida de ArcGIS Online |
| mapachespswithoutapikeys | Lista todos los estilos de mapa disponibles que se utilizarán sin claves API. El uso de estos mapas de base requiere una suscripción de desarrollador de ArcGIS o una suscripción organizacional válida de ArcGIS Online |
| Searchwidget | El widget de búsqueda proporciona una forma de realizar operaciones de búsqueda en servicios o características proporcionadas por ESRI. |
| SearchWidgetWithCustomSources | El widget de búsqueda proporciona la capacidad de proporcionar capacidades de búsqueda a los servicios de terceros. Para usar una fuente personalizada con el widget de búsqueda, debe establecer la propiedad de fuentes del widget con su propia fuente personalizada. Para crear una fuente de búsqueda personalizada, debe construir una fuente de búsqueda con el objeto que contiene dos funciones, GetSugestions y GetResults. |
| SearchWidgetWithSources | El widget de búsqueda para buscar fuentes de múltiples capas basadas en campos dados. Para usar múltiples fuentes con el widget de búsqueda, debe establecer la propiedad de fuentes del widget. |
| Prefijo | Descripción |
|---|---|
| mapa | Importe el mapa y los módulos de vista de mapa y luego creen un nuevo mapa y MapView. Contiene marcadores de posición para Basaprap, Center y Zoom. |
| escena | Importe el mapa y los módulos de vista de escena y luego creen una nueva escena y una vista de escena. Contiene un marcador de posición para el mapa base |
| mapa web | Importe los módulos WebMap y MapView y cree un nuevo MapView a partir de una ID de mapa web. Contiene un marcador de posición para la identificación del mapa web y el contenedor de mapas. |
| cenador web | Importe los módulos WebScene y SceneView y cree una nueva View de escena desde una ID de elemento de portal. Contiene un marcador de posición para el ID de artículo y el contenedor de mapas. |
| addLayerFromPortalItem | Agregue una nueva capa al mapa desde un artículo ArcGIS Online o Enterprise Portal. Contiene un marcador de posición para el ID de artículo del portal. |
| simple | Genera un sencillo. Contiene un marcador de posición para el símbolo. |
| valor único | Genera un único Valuerenderer. Contiene un marcador de posición para el campo, el símbolo y genera una matriz única de ValueInfos con PlaceHolers para el valor, el símbolo y la etiqueta para la leyenda. |
| ratones de clases | Genera un ClassbreakSrenderer. Contiene un marcador de posición para el campo, el símbolo predeterminado y genera una matriz ClassbreakInfos con PlaceHolers para MinValue, MaxValue, símbolo y etiqueta para la leyenda. |
| dotdensidad | Genera un dotdensityrenderer. Contiene un marcador de posición para el dotvalue, la unidad, el campo, el color y la etiqueta. |
| sizevar | Crea un sizevariable con paradas de 2 tamaño. La propiedad del eje solo se usa en 3D. Contiene marcadores de posición para Field, Normalizationfield, el título de la leyenda y los valores de detención de tamaño. |
| Colorvar | Crea un colorvariable con 2 paradas de color. Contiene marcadores de posición para Field, Normalizationfield, el título de la leyenda y los valores de parada de color. |
| clusterconfig | Genera la configuración para la agrupación en un MAPVIEW. Esto debe establecerse en capas que contienen geometría de punto. |
| etiquetado2d | Crea el LabelingInfo para las etiquetas en un MapView. |
| etiquetado3d | Crea el LabelingInfo para las etiquetas en una vista de escena. |
| SMS | Crea un SimpleMarkerSymbol en un MapView. Contiene marcador de posición para el estilo. |
| PMS | Crea un mimbolo de marca PictureM en un MAPVIEW. |
| SLSS | Crea un SimpleLinesmbol en un MAPVIEW. Contiene marcador de posición para estilo, gorra y unión. |
| SFS | Crea un SimpleFillSymbol en un MapView. Contiene marcador de posición para el estilo. |
| PFS | Crea un PictureFillSymbol en un MAPVIEW. |
| iconpoint3d | Crea un PointSymbol3d con Iconsymbol3Dlayer en una vista de escena. Contiene marcadores de posición para primitivos, color y tamaño. |
| ObjectPoint3d | Crea un PointSymbol3d con ObjectSymbol3Dlayer en una vista de escena. Contiene marcadores de posición para primitivos, color, altura, profundidad y ancho. |
| línea 3D | Crea un LineMbol3d con un LineyMbol3Dlayer en una vista de escena. Contiene marcadores de posición para color y tamaño. |
| ruta | Crea un LineyMbol3d con un ratero Symbol3Dlayer en una vista de escena. Contiene marcadores de posición para perfil, color, ancho, altura, unión, tapa, ancla y perfilerotación. |
| FillPolygon3d | Crea un poligonsymbol3d con un FillSymbol3Dlayer en una vista de escena. Contiene marcadores de posición para el estilo, el color del material y el color del contorno. |
| watersymbol3dlayer | Crea un poligonsymbol3d con un Watersymbol3dlayer en una vista de escena. Contiene marcador de posición para Waterbodysize y Wavestrength. |
| extrudepolygon3d | Crea un poligonsymbol3d con un Extrudesymbol3Dlayer en una vista de escena. Contiene marcadores de posición para el color y el tamaño del material. |
| FillMesh3d | Crea un MeshSymbol3D con un FillSymbol3Dlayer en una vista de escena. Contiene marcador de posición para el color. |
| bocetos | Crea bocetos3d que se pueden aplicar a un fillsymbol3dlayer. Contiene marcadores de posición para el color, el tamaño y la longitud de extensión. |
| asco | Crea Solidedges3D que se puede aplicar a un FillSymbol3Dlayer. Contiene marcadores de posición para el color y el tamaño. |
| callsmall | Genera el verticaloffset para un nivel de escala de la ciudad y la propiedad de la llamada. Deben establecerse en PointSymbol3d o Labelsymbol3d. Contiene marcadores de posición para el tamaño, el color y el color del borde. |
| CalloutLarge | Genera el verticalOffset para un nivel de escala de globo y la propiedad de llamada. Deben establecerse en PointSymbol3d o Labelsymbol3d. Contiene marcadores de posición para el tamaño, el color y el color del borde. |
| ElevationInfo | Crea un objeto para ElevationInfo que se establecerá en capas. Contiene marcadores de posición para modo, compensación, expresión de arcade impulsada y unidad. |
| escena | Crea un objeto de entorno para cambiar el fondo de una escena. Debe establecerse en una vista de escena y contiene un marcador de posición para el color. |
| Prefijo | Descripción |
|---|---|
| tsconfig | Archivo tsconfig predeterminado |
| tsconfigbasic | Archivo tsconfig simple |
| Prefijo | Descripción |
|---|---|
| Widgetstarter | Starter básico para crear un widget ESRI. Contiene marcadores de posición para el nombre del widget y el nombre de clase CSS predeterminado. |
| RenderableProperty | Agregue una propiedad renderizable. Contiene marcador de posición para el nombre de la propiedad. |
| constructor | Agregar un constructor |
| reactmap | Crear un mapa React o componente de escena |
Si algo no funciona de la manera que esperaba, primero eche un vistazo a los problemas registrados previamente. ¿Has encontrado un nuevo error? ¿Quiere solicitar una mejora a un fragmento existente? ¿Sugerir un nuevo fragmento o herramienta? Abra un nuevo número, nos encantaría saber de usted.
Esri da la bienvenida a las contribuciones de cualquier persona y de todos. Consulte nuestras pautas para contribuir.
Para obtener más información sobre el uso general de los fragmentos de código en el código Visual Studio, lea la documentación oficial de Visual Studio.
Si crea sus propios fragmentos de código personalizado para trabajar con el SDK de ArcGIS Maps para JavaScript, considere contribuir a este repositorio o unirse a otros desarrolladores que compartan sus fragmentos.
Copyright 2023 Esri
Los fragmentos tienen licencia bajo la licencia Apache, versión 2.0 (la "licencia"); No puede usar este archivo, excepto de conformidad con la licencia. Puede obtener una copia de la licencia en
http://www.apache.org/licenses/license-2.0
A menos que la ley aplicable sea requerida o acordado por escrito, el software distribuido bajo la licencia se distribuye de manera "como es", sin garantías o condiciones de ningún tipo, ya sea expresas o implícitas. Consulte la licencia para los permisos y limitaciones de rigor de idioma específico bajo la licencia.
Una copia de la licencia está disponible en el archivo License.txt del repositorio.
La información sobre el SDK de los mapas ArcGIS para la licencia de JavaScript se puede encontrar aquí: https://developers.arcgis.com/javascript/latest/guide/licensing/.
