Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Criar marcador
Função que cria um marcador personalizado na localização desejada no mapa a partir de uma coordenada.
Parâmetros
Nome | Tipo | Doc |
---|---|---|
Parâmetro 1 |
Objeto | Recebe o ID do mapa que foi inserido na view. | |
Parâmetro 2 | String | Define um ID para o marcador que será criado. |
Parâmetro 3 | String | Define um título |
que será exibido em um Tooltip do ponto marcado |
, | ||
Parâmetro 4 | String | Recebe a localização que será |
exibido o marcador utilizando o bloco Criar coordenada. | ||
Parâmetro 5 | String | Adiciona |
uma imagem para ser o marcador, aceita caminho absoluto ou relativo. | ||
Parâmetro 6 | String | Conteúdo que será exibido em uma pequena janela após um clique no marcador. Podemos adicionar um texto com informações do local, inclusive usando HTML e CSS. |
Parâmetro 7 | String | Receberá |
um objeto contendo propriedades, como uma animação ou outros tipos de ações no marcador, como mostrado na documentação oficial. Exemplo de uso: |
Retorno
Retorna no ponto configurado um marcador customizado.
Compatibilidade
Image Modified Cliente
Exemplo
No nosso exemplo abaixo, o bloco Criar marcador cria adiciona um marcador personalizável no ponto indicado pela Latitude e Longitude informados pelo bloco Criar coordenada. Em Opções avançadas, colocaremos o bloco de código abaixo para diminuir a opacidade do marcador, como na figura 2.
Bloco de código | ||||
---|---|---|---|---|
| ||||
{"opacity": 0.6} |
Image Added
Image RemovedFigura 1 - Bloco Criar marcador
Após a função ser chamada por o pelo plugin do Google Maps, é exibido um marcador customizado como mostrado na figura 2., ao clicar sobre o marcador, uma janela é exibida com o conteúdo do parâmetro Janela de informações (Figura 2). Ao posicionar o mouse em cima do marcador, um tooltip é exibido com o título informado no parâmetro Título.
Image Added
Image RemovedFigura 2 - Marcador com a logo do Cronapp e sua janela de informações mais tooltip e o círculo criado em volta do ponto informado
Caso não seja escolhido nenhum ícone, o ícone que será apresentado no mapa será o padrão do Google Maps, confira na figura abaixo.
Image Added
Figura 3 - Resultado do bloco em execução com a opção ícone em branco
Sobre o Bloco
O bloco de programação Criar marcador criar um apontador em uma determinada área passada no parâmetro Ponto, para isso precisamos utilizar o bloco de programação Criar coordenada. Vale lembrar que este é um bloco do tipo Google Maps e que para sua utilização é necessário a instalação do plugin do Google Maps, confira na documentação Usando a API do Google Maps em seu projeto como instalá-lo.
Informações | ||
---|---|---|
Para exibir o mapa na aplicação precisamos inicializar o mapa, para isso, utilize o bloco de programação Inicializar Mapa. É nele que definimos os pontos iniciais de latitude e longitude. A documentação | ||
Informações | ||
| ||
Para mais informações sobre o bloco e o funcionamento geral do componente Google Maps, acesse nossa doc Usando a API do Google Maps em seu projeto contém um exemplo mais concreto de sua utilização |
Informações |
---|
Coordenadas utilizadas no exemplo Latitude: -23.632725991744984 Longitude: -46.71215853068809 |