Neste tutorial vou ensinar a obter um endereço quando o usuário arrasta um pino no mapa.
Para isso vamos usar o novo bloco "Adicionar Pino Arrastável" que está na categoria "Google Maps":
![](https://comunidade.bootblocks.com.br/public/assets/files/2024-07-19/1721396177-899454-adicionar-pino-ao-mapa-google-maps.png)
Este bloco cria um pino personalizado no mapa. Você pode definir uma imagem para ele, usei uma imagem png transparente de 35x35 e funcionou bem:
![](https://comunidade.bootblocks.com.br/public/assets/files/2024-07-19/1721396275-739025-pino-35.png)
Quando o pino é arrastado no mapa é retornado a latitude e longitude do ponto, sendo possível com estas, obter o endereço do local usando o bloco Obter Endereço deste Ponto que também está na categoria do Google Maps:
![](https://comunidade.bootblocks.com.br/public/assets/files/2024-07-19/1721397217-761154-adicionar-pino-ao-mapa-google-maps.png)
Funcionamento:
![](https://comunidade.bootblocks.com.br/public/assets/files/2024-07-19/1721397449-445751-arrastando-pino-no-mapa.gif)
Dica: Experimente tamanhos diferentes para a imagem do pino.
Projeto: (precisa fazer login na comunidade para baixar)
OBS: Lembre-se de colocar a sua chave de api do google maps.
Ela precisa estar ativa para:
Maps JavaScript API
Geocoding API
e ter a conta de faturamento ativa