Como definir a pesquisa geográfica com base na localização geográfica do usuário
Ative um módulo de listagens do Maps
Inicialmente, certifique-se de ter ativado o módulo Maps Listings . Caso contrário, algumas das opções de configuração não estarão disponíveis.
Este módulo pode ser ativado seguindo o caminho WordPress Dashboard > JetEngine > JetEngine e abrindo a guia Módulos . Em seguida, ative a alternância de listagens de mapas e pressione o botão “ Salvar ”.
Crie uma consulta
Navegue até a guia WordPress Dashboard> JetEngine> Query Builder no WordPress Dashboard e clique na guia “ Add New ” .
Nas Configurações Gerais , digite o valor do Nome da consulta . No campo Tipo de consulta , você pode selecionar “Consulta de postagens”, “Consulta de termos”, “Consulta de usuários” ou “Consulta de tipo de conteúdo personalizado” de acordo com o objeto que deseja filtrar. Esses tipos de consulta oferecem suporte à pesquisa geográfica.
Após selecionarmos o Tipo de Consulta “Consulta de Postagens” , na seção Geral a seguir , preenchemos os campos Tipo de Postagem e Status da Postagem .
Abra a guia Geo Search para ajustar essas configurações:
- Selecionar localização — selecione o ponto no mapa, e ele será o centro do raio da consulta caso o usuário não permita acesso à sua geolocalização ;
- Campo de endereço – insira o nome da postagem, termo, usuário ou metacampos CCT com o endereço. Aqui, você pode especificar os mesmos campos da opção Meta campos para pré-carregar nas Configurações do Mapa (sem prefixo, pois o tipo de consulta já está selecionado previamente), um campo do tipo “Mapa” ou campos separados por vírgula onde a latitude e a longitude são armazenadas (em campos separados);
- Distância — insira o raio desejado para os resultados da pesquisa;
- Unidades — selecione as unidades de medida: “Quilômetros” ou “Milhas”.
Ao terminar, pressione o botão “Adicionar/Atualizar Consulta” .
Adicione a consulta à listagem do mapa
Vá para a página Elementor/Block Editor com o widget ou bloco Map Listing e clique para editá-lo.
Sem consulta, a listagem mostra o mapa inteiro com todos os objetos.
Se você trabalha com o editor Elementor, abra o widget Map Listing , prossiga para a guia Consulta Personalizada , ative a alternância Usar Consulta Personalizada e selecione o nome da Consulta Personalizada para o mapa na lista suspensa.
O bloco Map Listing tem as mesmas configurações do editor Gutenberg.
Com a consulta, a Listagem do Mapa mostra as localizações de acordo com o ponto estático no centro do raio definido.
Crie o filtro de geolocalização do usuário
Vá para Painel do WordPress > Filtros Inteligentes > Adicionar Nova guia.
Digite o Nome do Filtro , selecione o Tipo de Filtro “Geolocalização do Usuário” e preencha os campos Rótulo do Campo e Rótulo do Campo Ativo .
Em seguida, pressione o botão “ Atualizar ” .
Coloque o widget ou bloco de geolocalização do usuário na página que contém a listagem de mapas .
Selecione o filtro recém-criado no campo correspondente e escolha a opção “JetEngine Maps” no campo Este filtro para .
No editor Gutenberg, as configurações são as mesmas.
Verifique os resultados
Após terminar, atualize a página e abra-a no front end.
Todos os usuários que visitarem a página com o filtro pela primeira vez verão a notificação solicitando permissão para acessar sua geolocalização.
Os usuários que clicarem no botão “ Bloquear ” verão os resultados ao redor do ponto selecionado nas configurações da consulta, conforme mostramos no segundo passo.
Se os usuários clicarem no botão “ Permitir ” , os objetos no mapa serão filtrados dependendo de sua localização.
Isso é tudo. Agora você sabe como definir o ponto estático no mapa com o JetEngine Query Builder e pesquisar geograficamente com base na geolocalização do usuário com o plugin JetSmartFilters .