Partilhar via

Desenhar e inserir formas num mapa (pré-visualização)

  • Artigo

[Este tópico é documentação de pré-lançamento e está sujeito a alterações.]

Adicione um painel de desenho aos seus mapas para permitir que os utilizadores desenhem e etiquetem formas neles. Também pode inserir e etiquetar formas predefinidas para realçar regiões ou áreas de interesse específicas.

Uma captura de ecrã de um controlo Mapa com formas de exemplo desenhadas e etiquetadas.

Importante

  • Esta é uma funcionalidade de pré-visualização.
  • As funcionalidades de pré-visualização não se destinam à produção e poderão ter funcionalidades restritas. Estas funcionalidades estão disponíveis antes do lançamento oficial, para que os clientes possam ter acesso antecipadamente e enviar comentários.

Pré-requisitos

  1. Crie uma aplicação de tela e certifique-se de que cumpre os pré-requisitos geoespaciais.
  2. Inserir um mapa.

Desenhar e etiquetar formas em um mapa interativo

  1. No painel Propriedades do controlo Mapa, ative as seguintes propriedades:

    • (Pré-visualização) Permitir Desenho de Formas

    • (Pré-visualização) Permitir Eliminação de Formas e Edição de Etiquetas

      Uma captura de ecrã do painel Propriedades de um controlo Mapa a mostrar as propriedades Desenho de Formas ativadas.

    Um painel de desenho aparece no canto superior esquerdo do controlo Mapa.

    Uma captura de ecrã de um controlo Mapa numa aplicação de tela com o painel de desenho realçado.

    O painel tem três ferramentas:

    • Uma ferramenta de desenho de polígonos para desenhar formas livres
    • Uma ferramenta de desenhos quadrados para desenhar quadrados e retângulos
    • Uma ferramenta de desenho de círculos para desenhar círculos e formas ovais

  2. Selecione uma ferramenta e desenhe uma forma no mapa. Para concluir e fechar uma forma em forma livre, faça duplo clique no ponto final.

As formas desenhadas são automaticamente etiquetadas. Para alterar uma etiqueta, selecione a forma e, em seguida, introduza um novo nome na caixa no canto superior direito do mapa.

Para eliminar uma forma, selecione-a e, em seguida, selecione o recipiente do lixo.

Uma captura de ecrã de um controlo Mapa com formas e etiquetas de exemplo, com o ícone do recipiente do lixo e a caixa de etiquetas realçada.

Importar formas GeoJSON para um mapa

Se já tiver formas definidas no formato GeoJSON, pode importá-las para o seu mapa. Por exemplo, pode ter uma forma que define uma área específica que pretende realçar.

A cadeia GeoJSON para cada forma na sua origem de dados tem de estar no formato correto, numa única célula.

Para importar formas, primeiro ligue a sua origem de dados ao controlo Mapa. Em seguida, atribua as propriedades do controlo às colunas apropriadas no origem de dados, como no exemplo seguinte:

Uma captura de ecrã das propriedades avançadas de um controlo Mapa, com os campos de origem de dados fornecidos e as formas resultantes apresentadas no mapa.

A sua origem de dados tem de ser uma mesa nomeada com pelo menos três colunas. Cada coluna corresponde a uma propriedade avançada controlo Mapa.

Descrição da coluna Corresponde a Obrigatório
As coordenadas GeoJSON da forma no formato correto Objetos GeoJSON de Forma Obrigatório
Etiqueta de forma Etiquetas de Forma Opcional
Cor da forma Cores de Forma Opcional

Gorjeta

Especifique a cor utilizando um nome, definição de cor CSS ou valor RGBA. Se a cor não for fornecida, a forma usará as predefinições da aplicação.

A origem de dados tem de ser nomeada. Se estiver a utilizar um livro do Excel como origem de dados, utilize o nome da tabela que contém os dados. Neste exemplo, importaremos formas de uma tabela do Excel denominada Seattle1.

Uma captura de ecrã de uma tabela no Excel com dados de formas GeoJSON.

  1. Copie os seguintes dados de exemplo num livro em branco, formate-os como uma tabela e atribua à tabela o nome Seattle1. Em seguida, ligue o livro ao seu mapa como uma origem de dados. Para obter instruções detalhadas utilizando um exemplo semelhante, consulte Utilizar uma origem de dados para colocar marcadores num mapa.

    Concelho GeoJSON TotalCases Color
    Adams {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Adams","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-118.9503,47.2640],[-117.9590,47.2586],[-117.9699,46.8697],[-118.0466,46.7711],[-118.2109,46.7383],[-119.2132,46.7383],[-119.3720,46.7383],[-119.3665,46.9135],[-118.9832,46.9135],[-118.9777,47.2640]]]]}}]} 1689 RGB(184,210,232)
    Asotin {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Asotin","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-117.0388,46.4261],[-117.0607,46.3549],[-116.9841,46.2946],[-116.9676,46.2015],[-116.9238,46.1687],[-116.9841,46.0920],[-116.9183,45.9934],[-117.4825,45.9989],[-117.4825,46.1194],[-117.4222,46.1194],[-117.4222,46.3823],[-117.2305,46.4096],[-117.2305,46.4644],[-117.1977,46.4206]]]]}}]} 1096 RGB(184,210,232)
    Benton {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Benton","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-119.8759,46.6287],[-119.6240,46.6452],[-119.5144,46.7273],[-119.4542,46.6780],[-119.2680,46.5192],[-119.2680,46.2727],[-119.0434,46.1906],[-118.9448,46.0756],[-118.9393,46.0263],[-118.9886,45.9989],[-119.1256,45.9332],[-119.4323,45.9167],[-119.5692,45.9277],[-119.6678,45.8565],[-119.8704,45.8346],[-119.8649,46.0427],[-119.8759,46.6287]]]]}}]} 13111 RGB(13,106,191)
    Chelan {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Chelan","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-120.7029,48.5292],[-120.6536,48.5347],[-120.6262,48.4964],[-120.6646,48.4471],[-120.6481,48.3978],[-120.5605,48.3704],[-120.5879,48.3211],[-120.5112,48.3101],[-120.3524,48.2170],[-120.3633,48.1568],[-120.3250,48.1294],[-120.1443,48.0637],[-120.1443,48.0363],[-120.0895,48.0199],[-120.0512,47.9596],[-119.8704,47.9596],[-119.9964,47.7789],[-120.2100,47.7515],[-120.1990,47.6803],[-120.2374,47.5872],[-120.3031,47.5215],[-120.3195,47.4557],[-120.2921,47.4010],[-120.0895,47.3407],[-120.0950,47.2640],[-120.3907,47.2586],[-120.5276,47.3352],[-120.5605,47.3079],[-120.8015,47.4229],[-120.9165,47.4284],[-121.1137,47.5981],[-121.1301,47.6748],[-121.0644,47.7132],[-121.1192,47.7789],[-121.0699,47.8282],[-121.1520,47.8446],[-121.1739,47.8884],[-121.1630,47.9541],[-121.1192,47.9980],[-121.1520,48.0418],[-121.0151,48.0746],[-120.9439,48.1130],[-120.9548,48.1513],[-120.9056,48.1623],[-121.0041,48.2937],[-121.0699,48.3156],[-121.0425,48.3485],[-121.0644,48.3923],[-121.0370,48.4306],[-121.0480,48.4854],[-120.8563,48.5511],[-120.7851,48.5073]]]]}}]} 5324 RGB(112,187,255)

  2. Vincule as seguintes propriedades avançadas do controlo Mapa às colunas apropriadas no origem de dados:

    Property Coluna
    Objetos GeoJSON de Forma GeoJSON
    Etiquetas de Forma County
    Cores de Forma Color

    O mapa deve ter um aspeto semelhante ao seguinte:

    Uma captura de ecrã de um mapa com formas importadas que realçam áreas específicas.

Apresentar o perímetro e a área das formas desenhadas ou inseridas (pré-visualização)

As suas aplicações podem mostrar o perímetro (em pés) e a área (em metros quadrados) de uma forma selecionada num mapa.

  1. Na sua aplicação, abra o separador Inserir e expanda Apresentar.
  2. Selecione Etiqueta de texto para inserir uma etiqueta no ecrã da aplicação. Mova-a e redimensione-a como quiser.
  3. Altere a propriedade Text do controlo Etiqueta para [Mapa].SelectedShape.Area ou [Mapa].SelectedShape.Perimeter para apresentar a área ou o perímetro da forma selecionada. (Sugestão: introduza o valor dado na barra de fórmulas ou no separador Propriedades, conforme preferir.)

No exemplo seguinte, usamos quatro etiquetas de texto para apresentar a área e o perímetro da forma selecionada:

Uma captura de ecrã de uma forma selecionada num mapa, junto a duas etiquetas de texto que mostram a área e o perímetro da forma.

Outras funcionalidades do mapa interativo

Outros controlos geoespaciais

Para ver sugestões de endereços dinâmicos à medida que escreve, utilize o controlo Entrada de endereço.

Nota

Pode indicar-nos as suas preferências no que se refere ao idioma da documentação? Responda a um breve inquérito. (tenha em atenção que o inquérito está em inglês)

O inquérito irá demorar cerca de sete minutos. Não são recolhidos dados pessoais (declaração de privacidade).