Pular para o conteúdo principal

WP Location Finder: Configuração da API do MAP

1. Como criar uma API de mapa?

1.1 Obtenha a chave da API do Google Maps e os serviços de API

Cada vez que você usar as APIs do Google Maps, se seu domínio tiver sido criado após 22 de junho de 2016, você deverá incluir uma chave para validar sua solicitação.
Obtenha uma chave e ative a API: https://developers.google.com/maps/documentation/javascript/get-api-key

Mais informações: https://developers.google.com/maps/documentation/javascript/usage?hl=en

Primeiro, você deve navegar para o Google Cloud Console , selecionar um projeto ou criar um novo. Em seguida, clique no "+ Criar credenciais" , selecione "Tecla da API" .

 

criar-api-chave

 

Em seguida, siga a próxima etapa e clique no Criar para obter uma nova tecla API. Salve para a próxima etapa.

 

API-Key-Criated

 

Além disso, certos serviços de API necessários precisam ser ativados. No Google Console, vá para APIs & Services e encontre -as como mostrado abaixo:

  • Mapas API JavaScript
  • API de geocodificação
  • API de geolocalização
  • Lugar API
  • API de direções

 

Ativar-se-services

 

1.2 Como criar um ID do Google Maps?

Para criar um ID do mapa, navegue até a de gerenciamento de mapas . Clique em Criar botão ID do mapa.

 

Criar-se-MAP-ID

 

Em seguida, na página Criar nova ID do mapa, faça o seguinte:

  • Nome: Entre o nome do ID do mapa.
  • Descrição: Descreva para que o ID do mapa é usado (opcional)
  • Tipo de mapa: selecione JavaScript e também escolha um tipo de raster (o padrão) ou o mapa vetorial.

 

Campos de ID-Map-map

 

Lembre -se de clicar Salvar para mostrar seu novo ID do mapa. Por favor, mantenha -o para a configuração.

 

mapa-id-criado

 

NOTA: Um ID do mapa é um identificador exclusivo que representa o estilo de mapa do Google e as definições de configuração que são armazenadas no Google Cloud. Use o ID do mapa "Demo_Map_Id" para fins de teste se você não tiver um ID do mapa.

 

1.3 Como criar um token OpenStreetMap?

Comece acessando aqui para criar uma nova conta ou acessar a sua conta existente. Esta etapa é essencial antes de gerar tokens de acesso.

Após efetuar login com sucesso, procure a "Tokens de Acesso" nas configurações do usuário ou no menu da conta e selecione-a. Na área "Tokens de Acesso", localize e selecione a "Criar Token de Acesso" para iniciar o processo de geração de token. Todos os campos de criação de token estarão visíveis diretamente na página "Tokens de Acesso". Para criar seu token:

  • Insira um nome descritivo no "Rótulo" para ajudar a identificar este token mais tarde
  • Deixe os dois campos adicionais abaixo vazios (as configurações padrão são suficientes para a maioria dos usuários)
  • Clique no "Criar" para gerar seu novo token de acesso

 

token de acesso

 

Seu novo token de acesso será exibido após a criação. Certifique-se de copiar este token e armazená-lo com segurança, pois você o utilizará nas etapas de configuração subsequentes.

 

gerado por token

 

2. Seção de configurações principais

Provedor de mapas

Acesse Menu > Localizador > Configurações > Configurações principais para configurar suas preferências de provedor de mapas. Você encontrará duas opções de provedores de mapas disponíveis: Google e OpenStreetMap .

Se você escolher o Google Maps como seu provedor, precisará configurar os seguintes campos obrigatórios com as credenciais das etapas de configuração anteriores:

  • Chave de API do Google Maps: A chave de API do Google Maps é obrigatória. Volte para a Etapa 1.1 se não souber como criar uma nova chave de API.
  • ID do mapa: um ID do mapa é um identificador exclusivo que representa o estilo de mapa do Google e as configurações de configuração que são armazenadas no Google Cloud.
    É obrigatório ter um, você pode manter o padrão (Demo_Map_Id) se não precisar.
  • Mapa Zoom padrão: nível de zoom padrão no mapa na primeira carga (defina o zoom automático como 0)
  • Tipo de mapa: Roteiro, Satélite, Híbrido, Terreno.
  • Camada de mapas: KML, Tráfego, Trânsito, Bicicleta.

 

preenchimento

 

Se você selecionar o OpenStreetMap como seu provedor, precisará inserir o token de acesso obtido na Etapa 1.3 :

  • Token de acesso de geocodificação: o token de acesso LocationIQ é necessário para a funcionalidade de preenchimento automático de endereço.
  • Mapa Zoom padrão: nível de zoom padrão no mapa na primeira carga (defina o zoom automático como 0)
  • Tipo de mapa: Padrão, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Camada de bloco personalizada: insira sua camada personalizada.

 

Provedor do OpenStreetMap

 

Depois de configurar as definições do seu provedor de mapas, você descobrirá vários recursos de personalização que funcionam com o Google Maps e o OpenStreetMap para melhorar a funcionalidade do seu mapa e a experiência do usuário:

  • Exibir filtro de categoria
  • Exibir filtro country
  • Exibir filtro de raio
  • Unidade de distância: km/mi
  • Distância para pesquisa de raio: distância na ferramenta de busca do raio
  • Exibir filtro de tags
  • Detalhes de localização aberta na nova guia

 

configurações detalhadas do mapa

 

Exibição de mapa

Os locais que você criou serão exibidos no mapa na Configurações .

 

MAP-Display-setting

     

    Imagem colorida e com marcador

    Você pode ajustar a imagem da cor e do marcador padrão aqui.

     

    Local-Color-Marker setting

    Localização única

    • Adicionar campos de armazenamento: adicione alguns campos específicos a cada local, como nomes de lojas e horário de funcionamento da loja

     

    3. Gerador de shortcode

    Para gerar um código curto para o mapa, acesse Menu Localizador > Gerador de código curto. Você pode definir algumas opções abaixo em Tipo de visualização :

    • Pesquisa de localização: [wplf type_of_view="location_search" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Somente visualização de mapa: [wplf type_of_view="map_view" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Localização única: [wplf id="578" map_zoom="Auto"]
    • Formulário de submissão do frontend: [wplf_submission]
    • Minhas localizações (frontend): [wplf_my_locations items_per_page="8"]

     

    Shortcode-gerador-localização-pesquisa

     

    Com base no tipo de visualização selecionado, será exibida uma pré-visualização mostrando como ficará no front-end. O código curto gerado aparecerá no canto inferior esquerdo, e você poderá copiá-lo e inseri-lo em qualquer lugar da sua página.

     

    4. Categorias de localização

    Para gerenciar as categorias de localização, navegue até o Local Finder> Categorias de localização.  Nesta seção, você pode gerenciar sem esforço as categorias de localização - adicione, edite ou remova -as conforme necessário!

     

    Adicionar categorias de localização

     

    5. Etiquetas de localização

    Para gerenciar as tags de localização, navegue até o Local do Local Finder> Tags de localização. A partir desta seção, você pode gerenciar sem esforço suas tags de localização - adicione, edite ou remova -as conforme necessário!

     

    add-loclocation-tags

     

    6. Locais de importação/exportação

    Locais de importação

    Para começar a importar seus locais, acesse Menu > Localizador de Locais > Configurações > seção Importar. Selecione seu CSV ou KML no campo apropriado, com base no formato de dados existente.

     

    locais de importação

     

    Precisa de um modelo? Basta clicar no "Baixar arquivo CSV de exemplo" para obter nosso arquivo de exemplo e ver o formato adequado. Você também pode marcar a "Atualizar locais existentes, se houver correspondência, ou adicionar novos locais inexistentes" se desejar atualizar seus dados atuais ao adicionar novas entradas.

    Locais de exportação

    Quando estiver pronto para exportar seus locais existentes, navegue até a Exportar . Lá, basta clicar no "Exportar para CSV" ou "Exportar para KML", dependendo do formato desejado.

     

    locais de exportação

     

    Sincronização

    Para configurar a sincronização automática de CSV, acesse Configurações e, em seguida, Importar/Exportar > guia Sincronização para selecionar seu arquivo CSV na Biblioteca de Mídia. Ative a "Ativar sincronização automática" e especifique a frequência de atualização desejada no "Intervalo de sincronização (minutos)" .

    O sistema importará dados automaticamente nos intervalos escolhidos, atualizando os locais existentes quando correspondências forem encontradas e criando novas entradas para dados adicionais.

     

    locais de sincronização

     

    7. Controle de acesso

    Para gerenciar as permissões de localização (criar, editar, excluir, publicar) para cada função de usuário, acesse Configurações > Controle de acesso .

     

    controle de acesso

     

     

     

    WP Location Finder: Instalação

    1. Instale

    Para instalar nosso plugin, você deve usar o instalador padrão do WordPress ou descompactar e colocar toda a pasta em / wp-content / plugin.

     

    upload-plugin

     

    Em seguida, clique em Ativar o plug -in , para ver WP Location Finder aparecer no menu do WordPress à esquerda.

    WP Location Finder é acessível a partir de um menu esquerdo dedicado. 

    A partir de agora, certifique -se de fazer login na sua conta joomunitada antes de usar o plug -in.

     

    Joomunitado-Login-License

     

    2. Atualize o plugin

     

    Para atualizar o WP Location Finder , você pode usar o atualizador padrão do WordPress. Você também pode remover e instalar a nova versão de um arquivo .zip baixado em www.joomunited.com. De qualquer forma, você não perderá qualquer conteúdo porque tudo está armazenado no banco de dados.

     

    WP-Location-Finder-Install

     

    Certifique-se de sempre ter a versão mais recente para evitar problemas de segurança e estabilidade.

    Para atualizar a versão paga, você precisa fazer login na sua conta joomunitada. Se você ainda não fez login, basta clicar no 'Connectar sua conta de joomunitada para atualizar' ou 'Link de login joomunitada' .

     

    Update WP-Location-Finder

     

    Digite seu login e senha de conta do JOOMUNITADO. Após um login bem -sucedido, o 'Atualizar agora' aparecerá onde você pode clicar para atualizar uma nova versão.

     

    Update WP-Location-Finder

     

    Finalmente, você pode atualizar todos os plugins comerciais do JoomUnited a partir do padrão WordPress atualizado.

     

    WP-Location-Finder-Atualizado

     

    WP Location Finder: Seguar

    Crie um local

    Para criar um novo local, navegue para localização localizador> Todos os locais. Clique no botão Adicionar novo local"

     

    add-new-loclocation

     

    Depois disso, a nova página de localização Adicionar será exibida, com o painel principal 2, à esquerda é o campo Detalhes e a direita é o mapa. Abaixo estão os campos que você pode inserir ou selecionar o valor.

     

    • Nome da localização: Nome do endereço de entrada.
    • URL: será gerado após a publicação.
    • Descrição da localização: 
    • Pesquisa de localização: digite um endereço no campo de pesquisa para obter um valor para latitude e longitude.

     

    Adicionar-New-Location-campo

     

    Como alternativa, use a seção de endereço de entrada manual abaixo do mapa - clique na seta para expandir todos os campos.

     

    entrada de endereço-manual

     

    Sroll para baixo para obter opções mais detalhadas para o local.

    • Imagem do recurso: escolha representar a imagem para o local.
    • Galeria de imagens: Carregue imagens para o local.
    • Imagem do marcador: Selecione no ícone configurar ou fazer upload do seu próprio ícone.

     

    Localização de icon de imagem

     

    • Localização URL de contato
    • URL de substituição de localização
    • Tags: tag de localização de entrada.
    • Título de SEO de localização
    • Localização Seo Meta Descrição

     

    Local-detalhes

     

    Em seguida, você pode selecionar a categoria A/Multi para o local.

     

    Categoria de seleção de localização

     

    Em seguida, na seção Publish, você pode definir estes campos:

    • Status: Escolha um em 3 Status: Rascunho, Revisão pendente, publicado
    • Visibilidade: público, protegido por senha, privado
    • Hora de publicação: imediatamente, publicação programada
    • Código de Short: use -o para publicar em qualquer lugar do seu site.

     

    Local-Publicação-Seção

     

    Armazenar campos

    Para usar esse recurso para exibir o horário de funcionamento para os clientes, você precisará primeiro ativar a opção nas configurações. Quando estiver pronto, você poderá ver a de campos da loja ao criar um novo local.

     

    Campo de campo de localização única

     

    Localização de visualização

    Para ver uma visualização da sua localização no front -end, basta acessar a Publicar e clicar no botão " Visualizar" .

     

    visualização-localização