RefererNotAllowedMapError da API JavaScript do Google Maps

Estamos tentando desenvolver um aplicativo de localização geográfica para um de nossos clientes e queremos testá-lo primeiro em seu próprio domínio.

Assinamos a API JavaScript do Google Maps e temos uma chave de navegador válida e nosso domínio, www.grupocamaleon.com, foi autorizado a usar essa chave.

Mas não podemos fazer o exemplo mais fácil de executar sem erros.

Temos, em nosso domínio e com nossa chave, a seguinte demonstração:

(1) http://www.grupocamaleon.com/boceto/aerial-simple.html

Mas isso não funciona, e o console do Firebug diz:

"Erro na API do Google Maps: Erro na API do Google Maps: RefererNotAllowedMapError (link para a documentação do Google em RefererNotAllowedMapError) URL do seu site a ser autorizado: (1)"

Minha página de credenciais está sem a possibilidade de adicionar referenciadores para aceitar, portanto, soluções que envolvem a adição de referenciadores não são possíveis no momento.

Minha credencial Página:

Por que recebemos esse erro? Como podemos arranjá-lo?

Sei que essa é uma pergunta antiga que já tem várias respostas, mas tive o mesmo problema e, para mim, o problema foi que segui o exemplo fornecido no console.developers.google.com e inseri meus domínios no formato *.domain.tld/*. Isso não funcionou e tentei adicionar todos os tipos de variações domain.tld, como domain.tld/*,*.domain.tld etc.

O que resolveu para mim foi adicionar o protocolo atual também; http://domain.tld/*é o único que eu preciso para que ele funcione no meu site. Eu acho que vou precisar adicionarhttps://domain.tld/* se eu mudar para HTTPS.

Atualização: o Google finalmente atualizou o espaço reservado para incluir httpagora:

Vamos lá Google, vocês são mais inteligentes do que a página Credencial da API permite. (Eu sei porque tenho dois filhos trabalhando lá.)

A lista de "referenciadores" é muito mais exigente do que permite. (Obviamente, deve ser mais indulgente.) Aqui estão algumas regras que levei horas para descobrir:

• A ordem na lista é importante. Mover seu URL para cima na lista pode fazê-lo funcionar.
• O prefixo "http: //" é necessário.
• Até o "localhost" precisa: " http: //localhost/foo/bar.html "
• Um rastro * como um curinga parece funcionar como se fosse uma comparação de string.
• Mesmo com " http: //localhost/foo/bar.html ", " http: //localhost/foo/bar.html? Arg = 1 " não funcionará. (Um curinga ajudará?)
• Para os dois produtos dev, tenha (pelo menos) duas linhas: " http: //localhost/foo/bar.html " e " http://my.site.com/foo/bar.html "
• Um número de porta (8085 - 4000?) Não parece ser necessário.

Provavelmente existem outras regras, mas este é um jogo de adivinhação tedioso.

De acordo com a documentação, 'RefererNotAllowedMapError' significa

O URL atual que carrega a API JavaScript do Google Maps não foi adicionado à lista de referenciadores permitidos. Verifique as configurações do referenciador da sua chave de API no Google Developers Console.

Eu tenho a API de incorporação do Google Maps configurada para uso pessoal / profissional e, até o momento, não especificou nenhum referenciador HTTP. Não registro erros. Suas configurações devem fazer o Google pensar que o URL que você está visitando não é registrado ou permitido.

Lembre-se de que, se você apenas alterar, pode levar até 5 minutos para que as configurações entrem em vigor.

Tentei muitas variações de referenciadores e esperei 5 minutos até perceber que o exemplo que o Google preenche no campo de formulário é defeituoso. Eles mostram:

*.example.com/*

No entanto, isso só funciona se você tiver subdomain.ou estiver www.na frente do seu nome de domínio. O seguinte funcionou para mim imediatamente (omitindo o período principal do exemplo do Google):

*example.com/*

De acordo com os documentos do Google Isso aconteceu porque o urlem que você está usando a API do Google Maps, que not registeredemlist of allowed referrers

EDIT:

Do Google Docs

Todos os subdomínios de um domínio especificado também são autorizados.

Se http://example.com estiver autorizado, o http://www.example.com também estará autorizado. O inverso não é verdadeiro: se http://www.example.com estiver autorizado, http://example.com não está necessariamente autorizado

Então, por favor, configure o http://testdomain.comdomínio, então você http://www.testdomain.comcomeçará a trabalhar.

Verifique se você tem o APIS correto ativado também.

Tentei todas as opções acima, asteriscos, domínios de domínio, barras, barras invertidas e tudo mais, mesmo no final, apenas inserindo um URL como última esperança.

Tudo isso não funcionou e, finalmente, percebi que o Google também exige que você especifique agora quais APIs deseja usar (veja a captura de tela)

Eu não tinha os que eu precisava ativar (para mim era a API JavaScript do Google Maps)

Depois de ativá-lo, tudo funcionou bem usando:

http://www.example.com/ *

Espero que ajude alguém! :)

Eu descobri que mesmo você HTTP Referreresé válido o suficiente, conjunto de API Restrictionscausas errado Google Maps JavaScript API error: RefererNotAllowedMapError.

Por exemplo:

• Você está usando a API Javascript para a chave.
• Adicionar http://localhost/*aApplication Restrictions / HTTP Referrences
• Escolha em Maps Embed APIvez deMaps Javascript API
• Isso causa RefererNotAllowedMapError

Curingas (asteriscos) NÃO são permitidos na parte do subdomínio.

• ERRADO: * .exemplo.com / *
• À DIREITA: example.com/*

Esqueça o que o Google diz no espaço reservado, isso não é permitido.

Há muitas supostas soluções ao longo de vários anos, e algumas não funcionam mais e outras nunca. Portanto, minha atualização está funcionando no final de julho de 2018.

Configuração:

A API JavaScript do Google Maps deve funcionar corretamente com…

• vários domínios chamando a API: example.com eexample.net
• subdomínios arbitrários: user22656.example.com etc.
• protocolos HTTP seguros e padrão: http://www.example.com/ ehttps://example.net/
• estrutura de caminho indefinido (ou seja, um grande número de caminhos de URL diferentes)

Solução:

• Na verdade, usando o padrão do espaço reservado: <https (or) http>://*.example.com/* .
• Não omitindo o protocolo, mas adicionando duas entradas por domínio (uma por protocolo).
• Uma entrada adicional para subdomínios (com um *. o nome do host à esquerda).
• Tive a sensação de que o RefererNotAllowedMapErrorerro ainda aparecia usando a configuração adequada (e tendo esperado bastante tempo). Excluí a chave de credencial, repeti a solicitação (agora obtendoInvalidKeyMapError ), criei novas credenciais (usando exatamente a mesma configuração) e funcionou desde então.
• Adicionar mero protocolo e domínio parecia não incluir subdomínios.
• Para um dos domínios, a configuração de trabalho se parece com isso:

(Como texto :)

Accept requests from these HTTP referrers (web sites)
    https://*.example.com/*
    https://example.com/*
    http://*.example.com/*
    http://example.com/*

Aceitar solicitações desses referenciadores HTTP (sites)

Gravar o caminho do diretório localhost

Eu experimentei o mesmo erro:

Este link fala sobre como configurar restrições de chave da API: https://cloud.google.com/docs/authentication/api-keys#adding_http_restrictions

No meu caso, o problema era que eu estava usando esta restrição:

Referenciadores HTTP (sites) Aceite solicitações desses referenciadores HTTP (sites) (Opcional) Use * 's para curingas. Se você deixar em branco, serão aceitas solicitações de qualquer referenciador. Certifique-se de adicionar referenciadores antes de usar essa chave na produção. https://*.example.net/*

Isso significa que URLs como https://www.example.net ou https://m.example.net ou https://www.example.net/San-salvador/ funcionariam. No entanto, URLs como https://example.net ou https://example.net ou https://example.net/San-salvador/ não funcionariam. Eu simplesmente precisava adicionar um segundo referenciador:

https://example.net/*

Isso resolveu o problema para mim.

Eu adiciono dois domínios de site, o conjunto "*" no subdomínio não está funcionando, mas o subdomínio específico "WWW" e o não subdomínio foram trabalhados para meus sites usando a mesma chave da API do Google Map.

não use "*" no subdomínio

Espero que ajude.

você mostra uma captura de tela da sua página de credenciais da API, mas precisa clicar em "Chave do navegador 1" e depois para adicionar referenciadores.

Para páginas aninhadas mais profundas

Se você tiver um projeto em uma pasta, por exemplo, ou páginas aninhadas

http://yourdomain.com/your-folder/your-page você pode inserir isso em

http://yourdomain.com/*/*

A parte importante é /*/*/*depender de quão longe você precisa ir

Parece que o *não corresponderá /ou entrará em caminhos mais profundos.

Isso dará ao seu domínio total acesso, a menos que você tenha um aninhamento mais profundo do que isso.

Nenhuma dessas correções funcionava para mim até que eu descobri que isso RefererNotAllowedMapErrorpode ser causado por não ter uma conta de cobrança vinculada ao projeto. Portanto, certifique-se de ativar seu teste gratuito ou o que for.

1. Que seu faturamento está ativado

2. Que seu site foi adicionado ao Google Console

3. Que seu site é adicionado aos referenciadores no seu aplicativo.

4. (faça um curinga para www e nenhum www)

http://www.example.com/ * e http://example.com/ *

5. O Javascript Maps está ativado e você está usando as credenciais corretas

6. Que o site foi adicionado ao seu DNS para ativar o Google Console acima.

7. Sorria depois que funciona!

Este é outro produto do Google com uma implementação terrível.

O problema que encontrei com isso é que, se você restringir uma chave de API por endereço IP, ela não funcionará ... MAS está longe do Google para esclarecer esse ponto ... Não foi até encontrar e solucionar problemas e pesquisas:

As chaves de API com restrição de endereços IP só podem ser usadas com serviços da Web destinados ao uso do lado do servidor (como a API de geocodificação e outras APIs de serviço da Web). A maioria desses serviços da Web possui serviços equivalentes na API JavaScript do Google Maps (por exemplo, consulte o Serviço de geocodificação). Para usar os serviços do lado da API do Google Maps JavaScript API, você precisará criar uma chave de API separada que possa ser protegida com uma restrição de referenciadores HTTP (consulte Restringindo uma chave de API).

https://developers.google.com/maps/documentation/javascript/error-messages

FFS Google ... Informações muito importantes que seriam boas para esclarecer sobre a instalação ...

http://www.example.com/ * funcionou para mim após dias e dias de tentativas.

Finalmente, trabalhei com o meu usando esta dica do Google: ( https://support.google.com/webmasters/answer/35179 )

Aqui estão nossas definições de domínio e site. Essas definições são específicas para a verificação do Search Console:

http://example.com/ - A site (because it includes the http:// prefix)
example.com/ - A domain (because it doesn't include a protocol prefix)
puppies.example.com/ - A subdomain of example.com
http://example.com/petstore/ - A subdirectory of http://example.com site

Também lutei para fazer isso funcionar, mas aqui estão algumas dicas:

• Os URLs definidos como referenciadores incluem http, por exemplo,http://example.com/*
• A API JavaScript do Google Maps foi ativada
• O faturamento foi configurado nesta conta

Uma vez resolvido tudo isso, os mapas são exibidos conforme o esperado.

Eu estava tentando usar a API do Google Places (preenchimento automático) e também precisava ativar a API Javascript do Google Maps no Google Cloud Console antes que a API do Google Places funcionasse.

Verifique a sua deck deck no local. Para carregar a API JavaScript do Google Maps, use uma tag de script como esta

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

Eu uso esta declaração no meu site Wordpress no arquivo function.php

wp_enqueue_script("google-maps-v3", "//maps.google.com/maps/api/js?key=YOUR_API_KEY", false, array(), false, true);

Eu configurei a chave da API nesse formato e funciona bem

http://my-domain-name(without www).com/*

esta declaração não está funcionando

*.my-domain-name.com/*

A remoção das restrições (para Nenhuma) funcionou para mim.

Em minha experiência

http://www.example.com

funcionou bem Mas, https necessários / * no final

O console Javascript do Chrome sugeriu que eu declarasse o endereço da página inteira na minha lista de referenciadores HTTP, neste caso http://mywebsite.com/map.htm Mesmo que o endereço exato seja http://www.mywebsite.com/map.htm - Eu já tinha estilos curinga listados como sugerido por outras pessoas, mas essa era a única maneira de funcionar para mim.

Isso funcionou para mim. Existem duas categorias principais de restrições nas configurações da chave API:

• Application restrictions
• API restrictions

Restrições de aplicação:

Na parte inferior da seção Referenciador, adicione o URL do site " http://www.grupocamaleon.com/boceto/aerial-simple.html ". Existem exemplos de regras no lado direito da seção, com base em vários requisitos.

Restrições de API:

Nas restrições da API, você deve selecionar explicitamente 'API Javascript do Google Maps' na lista suspensa, pois nossa chave exclusiva será usada apenas para chamar a API do Google Maps (provavelmente) e salvá-la, como você pode ver no snap abaixo. Espero que isso funcione para você ..... trabalhou para mim

Verifique seu script:

Além disso, o problema pode surgir devido à alimentação incorreta de chaves na tag de script. Deve ser algo como:

  <script async defer src="https://maps.googleapis.com/maps/api/jskey=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>