arcgis js vscode snippets
1.0.0
Extensão do código do Visual Studio que contém uma coleção de trechos para padrões de código comuns com o ArcGIS Maps SDK para JavaScript.
Índice
Para usar esta extensão, você precisará instalar:
Após a instalação, há duas maneiras de usá -lo:
Opção 1 ) Usando vs Code IntelliSense:
index.js vazio.elev ).Tab ou Enter a tecla.Tab (para a frente) e Shift+Tab (para trás). 
Solução de problemas:
Se o IntelliSense não funcionar:
- Certifique -se de ter
"editor.tabCompletion": "on"nas configurações (Preferences>Open Settings(JSON))- Se a guia Pressionar não funcionar, você poderá ter vários trechos com o mesmo prefixo. Pressione
Ctrl-Space(Cmd-Spaceno Mac) para selecionar o que você precisa.Leia mais sobre esse recurso na documentação oficial do VSCODE.
Opção 2 ) Instalando a extensão do visualizador de snippet
Esta extensão adiciona uma nova opção à barra de atividades que permite navegar rapidamente e inserir trechos embutidos e personalizados:
| Prefixo | Descrição |
|---|---|
| getapi | Adicione o CSS e o JavaScript para o Esri Arcgis Maps SDK para JavaScript do CDN. Este trecho também arranca os caminhos da embalagem. |
| calcita | Adicione o CSS e o JavaScript para o sistema de design de calcita ESRI do CDN. |
| Prefixo | Descrição |
|---|---|
| exigir | Carregue os módulos MAP e MapView usando requisitos |
| requerapikeys | Carregue os módulos de configuração, mapa e mapView usando requisitos |
| MapViewMap | Crie 2D MapView usando um mapa |
| CenaViewMap | Crie 3D SceneView usando um mapa. |
| MapViewWebmap | Crie mapa 2D usando um webmap e um portalitem. |
| SceneViewWebscene | Crie mapa 3D usando um WebScene e um portalitem .. |
| addLayerFromportalItem | Adicione uma nova camada ao mapa usando um ID do item do portal. Contém um espaço reservado para o ID do item do portal. |
| SimpleRendeRerProps | Renderiza todos os recursos em uma camada com um símbolo. Este snippet é geralmente usado para definir a propriedade "renderizador" de um featureLayer, cenário, mapaimagelayer, csvlayer, geojsonlayer, ogcfeaturelayer, wfslayer ou streamlayer .. |
| ÚnicoValueRendeRerProps | Gerar um renderizador de valor exclusivo. Este trecho é geralmente usado para definir a propriedade "renderizador" de um featureLayer, cenário, mapaimagelayer, csvlayer, geojsonlayer, ogcfeatureLayer, wfslayer, streamlayer, imagerylayer ou imagens de imagem |
| ClassBreaksRendeRerProps | Gerar um classe de quebra -de -classe. Esse snippet é geralmente usado para definir a propriedade "Renderer" de um featureLayer, cenário, mapaimagelayer, csvlayer, geojsonlayer, ogcfeatureLayer, wfslayer, streamlayer, imagerylayer ou imageryTileLayer. |
| sizeVisualVariableProps | Definir tamanho dos recursos com base em um valor numérico. Cria um sizeVariable com 2 paradas de tamanho. A propriedade do eixo é usada apenas em 3D. Este trecho é geralmente usado para definir a propriedade "VisualVariables []" de um renderizador. |
| ColorVarProps | Gerar uma colorvariable com 2 paradas de cores. Usado para visualizar recursos ao longo de uma rampa de cores contínua com base nos valores de um campo de atributo numérico ou de uma expressão. Este snippet é geralmente usado para definir a propriedade "VisualVariables []" de uma classe de renderizador. |
| featureReductionClusterProps | Gera a configuração para cluster em um MapView. Isso deve ser definido em camadas contendo geometria de ponto. Este snippet é geralmente usado para definir a propriedade "featurereduction" de um featureLayer, csvlayer, geojsonlayer, wfslayer ou geometria OGCFeatureLayer. |
| LabelClass2d | Cria o RotelingInfo para rótulos em uma camada para mapas 2D. Ele normalmente usado na propriedade "RotelingInfo []" de um featureLayer, csvlayer, geojsonlayer, streamlayer, ogcfeaturelayer ou wfslayer em mapa 2d. |
| LabelClass3d | Cria o RotelingInfo para rótulos em uma camada para mapas 3D. Normalmente, é usado na propriedade "RotelingInfo []" de um featureLayer, cenário ou qualquer Layyer com essa propriedade em uma visão de cena. |
| SimpleMarkersymbolProps | Crie um símbolo simples para renderizar geometrias de ponto 2D com uma forma e uma cor simples em um MapView ou em uma cena, mas para 3D é recomendável usar pontos -Symbol3D. Este trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| PictureMarkersymbolProps | Crie um símbolo pictureMarkers, permitindo marcadores personalizados baseados em imagem para obter pontos nos mapas. |
| SimpleLinesymbolProps | Crie um símbolo SimpleLinesy para renderizar geometrias 2D poli -line em uma vista 2D ou 3D, mas para 3D é recomendável usar linesymbol3D. Pode ser usado em várias propriedades, como "símbolo" de renderizadores ou gráficos individuais, mas também "esboço" dos símbolos de marcadores e preenchimentos. |
| SimpleFillSymbolProps | Crie um símbolo simples para renderizar geometrias de polígono 2D em uma vista 2D ou 3D, mas para 3D é recomendável usar o Polygonsymbol3D. Pode ser preenchido com uma cor sólida ou um padrão. Este trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| PictureFillSymbolProps | O cpicturefillSymbol usa uma imagem em um padrão de repetição para simbolizar os recursos de polígono em um mapView 2D. padrões para polígonos. Esse trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| PointSymbol3DiconProps | Gere pontos Symbol3D com um iconsymbol3dlayer em uma visão de cena. Formas disponíveis: círculo, quadrado, cruz, x, pipa e triângulo. Esse trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| LineSymbol3DProps | Gerar linesymbol3d com um linesymbol3dlayer em um cenário. Esse trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| LineSymbol3DPathProps | Gerar linesymbol3D com um pathsymbol3dlayer. Renderiza as geometrias poliline, extrudando um perfil 2D ao longo da linha. Esse trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| MeshSymbol3DProps | Gere MeshSymbol3D com um Fillsymbol3dlayer em um cenário em uma View Scene. Esse trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| Watersymbol3dlayerProps | O Watersymbol3Dlayer é usado para renderizar as geometrias de polígono como superfícies de água realistas e animadas; portanto, ele só pode ser usado dentro de um poligonsímbolo3D. Esse trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| Poligonsymbol3DextrudeProps | Gere Polygonsymbol3D com um Extrudesymbol3dlayer para ser usado em uma View Scene. Renderiza as geometrias de polígono, extrudando -as para cima do solo, criando um objeto volumétrico 3D. Esse trecho é geralmente usado para definir a propriedade "símbolo" de renderizadores ou gráficos individuais. |
| Edges3DProps | Adicione a visualização de renderização de borda aos símbolos existentes. Só pode ser aplicado à propriedade "Bordas" do Fillsymbol3Dlayer no MESHSyMbol3D ou extrudesymbol3Dlayer no Polygonsymbol3D. |
| calout3dsmallprops | Gera um lamado 3D com um verticalffset para um nível de escala da cidade e a propriedade de destaque. Eles devem ser definidos na propriedade "Explique" de Pointymbol3D ou Labelsymbol3D. |
| calout3dlargeprops | Gera um lamado3D com um verticalffset para um nível de escala mundial e a propriedade de destaque. Eles devem ser definidos na propriedade "Explique" de Pointymbol3D ou Labelsymbol3D. |
| elevationInfoProps | Especifica como os recursos são colocados no eixo vertical (z). Esses trechos devem ser usados para definir a propriedade "ElevationInfo" de um featureLayer, csvlayer, wfslayer, cenário, stroythlayer, geojsonlayer, integradoMeshlayer, etc. |
| SceneViewenvironmentProps | Cria um objeto de ambiente para alterar o fundo de uma cena. Este snippet geralmente é usado para definir a propriedade "ambiente" da cena. |
| Basemapswithapikeys | Liste todos os estilos de mapa disponíveis a serem usados sem as teclas da API. O uso desses mapas de base requer uma assinatura de desenvolvedor do ARCGIS ou uma assinatura organizacional on -line do ArcGIS válida |
| Basemapswithoutapikeys | Liste todos os estilos de mapa disponíveis a serem usados sem as teclas da API. O uso desses mapas de base requer uma assinatura de desenvolvedor do ARCGIS ou uma assinatura organizacional on -line do ArcGIS válida |
| SearchWidget | O widget de pesquisa fornece uma maneira de executar operações de pesquisa em serviços ou recursos fornecidos pela ESRI. |
| SearchWidgetWithCustomsources | O widget de pesquisa fornece a capacidade de fornecer recursos de pesquisa a serviços de terceiros. Para usar uma fonte personalizada com o widget de pesquisa, você deve definir a propriedade Fontes do widget com sua própria fonte personalizada. Para criar uma fonte de pesquisa personalizada, você precisa construir uma fonte de pesquisa com objeto que contenha duas funções, GetSugestions e GetResults. |
| SearchWidgetWithSources | O widget de pesquisa para pesquisar várias fontes de camada com base em determinados campos. Para usar várias fontes com o widget de pesquisa, você deve definir a propriedade Fontes do widget. |
| Prefixo | Descrição |
|---|---|
| mapa | Importe os módulos de mapa e mapa, crie um novo mapa e MapView. Contém espaços reservados para mapa de base, centro e zoom. |
| cena | Importe o mapa e os módulos de exibição da cena e crie uma nova cena e vista da cena. Contém um espaço reservado para o mapa de bases |
| webmap | Importe os módulos do webMap e MapView e crie uma nova MapView a partir de um ID do mapa da web. Contém um espaço reservado para o ID do mapa da web e o contêiner de mapa. |
| WebScene | Importe os módulos da WebScene e SceneView e crie uma nova cenário a partir de um ID do item do portal. Contém um espaço reservado para o ID do item e o contêiner de mapa. |
| addLayerFromportalItem | Adicione uma nova camada ao mapa de um item do ArcGIS Online ou Enterprise Portal. Contém um espaço reservado para o ID do item do portal. |
| simples | Gera um simples relevo. Contém um espaço reservado para o símbolo. |
| exclusivo valor | Gera um exclusivo valuerender. Contém um espaço reservado para o campo, o símbolo e ele gera uma matriz exclusiva do ValueInfos com os Placehols para obter valor, símbolo e etiqueta para a legenda. |
| quebra -de -classe | Gera um classe de classe. Contém um espaço reservado para o campo, o símbolo padrão e ele gera uma matriz ClassBreakInfos com os placares para minvalue, maxvalue, símbolo e etiqueta para a legenda. |
| DotDensidade | Gera um adjacente do DotDensionS. Contém um espaço reservado para o DotValue, a unidade, o campo, a cor e o rótulo. |
| sizevar | Cria um sizeVariable com 2 paradas de tamanho. A propriedade do eixo é usada apenas em 3D. Ele contém espaços reservados para campo, NormalizationField, o título da legenda e os valores de parada de tamanho. |
| colorvar | Cria um colorVariable com 2 paradas de cores. Ele contém espaço reservado para campo, NormalizationField, o título da legenda e os valores de parada de cores. |
| ClusterConfig | Gera a configuração para cluster em um MapView. Isso deve ser definido em camadas contendo geometria de ponto. |
| Roteling2d | Cria o RotelingInfo para rótulos em um MapView. |
| Roteling3d | Cria o LabelingInfo para rótulos em uma visão de cena. |
| SMS | Cria um símbolo simplificador em um MapView. Contém espaço reservado para estilo. |
| pm | Cria um símbolo picturemarkers em um MapView. |
| SLS | Cria um simplelinesymbol em um MapView. Contém espaço reservado para estilo, tampa e junção. |
| sfs | Cria um símbolo simples em um MapView. Contém espaço reservado para estilo. |
| PFS | Cria um símbolo de picturefill em um MapView. |
| ICONPOint3D | Cria um PointSymbol3D com iconsymbol3dlayer em uma visão de cena. Contém espaços reservados para primitivos, cores e tamanho. |
| ObjectPoint3D | Cria um PointSymbol3D com Objectsymbol3Dlayer em uma View Scene. Contém espaços reservados para primitivo, cor, altura, profundidade e largura. |
| line3d | Cria um linesymbol3D com um linesymbol3dlayer em uma visão de cena. Contém espaços reservados para cores e tamanho. |
| path3d | Cria um linesymbol3D com um PathSymbol3dlayer em uma visão de cena. Contém espaços reservados para perfil, cor, largura, altura, junção, limite, âncora e perfilerotação. |
| FILLPOLYGON3D | Cria um poligonsímbolo3D com um Fillsymbol3dlayer em uma View Scene. Contém espaços reservados para estilo, cor material e cores de contorno. |
| Watersymbol3dlayer | Cria um poligonsímbolo3D com um watersymbol3dlayer em uma visão de cena. Contém espaço reservado para Waterbodysize e Wavestrength. |
| Extrudepolygon3d | Cria um poligonsímbolo3D com um extrudesymbol3dlayer em uma visão de cena. Contém espaços reservados para a cor e o tamanho do material. |
| FILLMESH3D | Cria um MeshSymbol3D com um Fillsymbol3dlayer em uma View Scene. Contém espaço reservado para cores. |
| esboçados | Cria Sketchedges3D que pode ser aplicado a um Fillsymbol3Dlayer. Contém espaço reservado para a cor, o tamanho e o comprimento de extensão. |
| Soildedges | Cria solidedges3d que pode ser aplicado a um preenchimento de símbolo3dlayer. Contém espaço reservado para a cor e o tamanho. |
| envie um número de chamadas | Gera o verticoffset para um nível de escala da cidade e a propriedade de destaque. Eles devem ser definidos em pontos Symbol3D ou Labelsymbol3D. Contém espaço reservado para tamanho, cor e cor da borda. |
| caloutlarge | Gera o verticoffset para um nível de escala globo e a propriedade de destaque. Eles devem ser definidos em pontos Symbol3D ou Labelsymbol3D. Contém espaço reservado para tamanho, cor e cor da borda. |
| ElevationInfo | Cria um objeto para que o elevationInfo seja definido em camadas. Contém espaços reservados para modo, deslocamento, expressão e unidade acionada por arcade. |
| Cenário de background | Cria um objeto de ambiente para alterar o fundo de uma cena. Ele deve ser definido em uma visão de cena e contém um espaço reservado para cores. |
| Prefixo | Descrição |
|---|---|
| tsconfig | Arquivo TSCONFIG padrão |
| TSCONFIGBASIC | Arquivo TSCONFIG simples |
| Prefixo | Descrição |
|---|---|
| widgetstarter | Iniciante básico para criar um widget ESRI. Contém espaço reservado para o nome do widget e o nome da classe CSS padrão. |
| renderableProperty | Adicione uma propriedade renderizável. Contém espaço reservado para o nome da propriedade. |
| construtor | Adicione um construtor |
| Reactmap | Crie um mapa do React ou componente de cena |
Se algo não estiver funcionando da maneira que você esperava, dê uma olhada primeiro nos problemas registrados anteriormente. Você encontrou um novo bug? Deseja solicitar um aprimoramento a um trecho existente? Sugerir um novo snippet ou ferramenta? Abra uma nova edição, adoraríamos ouvir de você.
A ESRI recebe contribuições de todos e todos. Consulte nossas diretrizes para contribuir.
Para saber mais sobre o uso geral de trechos de código no Código do Visual Studio, leia a documentação oficial do Visual Studio.
Se você criar seus próprios trechos de código personalizados para trabalhar com o ArcGIS Maps SDK para JavaScript, considere contribuir para este repositório ou participar de outros desenvolvedores que compartilham seus trechos.
Copyright 2023 Esri
Os trechos são licenciados sob a licença Apache, versão 2.0 (a "licença"); Você não pode usar esse arquivo, exceto em conformidade com a licença. Você pode obter uma cópia da licença em
http://www.apache.org/license/license-2.0
A menos que exigido pela lei aplicável ou acordada por escrito, o software distribuído pela licença é distribuído "como está", sem garantias ou condições de qualquer tipo, expressa ou implícita. Consulte a licença para o idioma específico que rege as permissões e limitações sob a licença.
Uma cópia da licença está disponível no arquivo License.txt do repositório.
As informações sobre o ArcGIS Maps SDK para licenciamento de JavaScript podem ser encontradas aqui: https://developers.arcgis.com/javascript/latest/guide/licensing/.
