4
respostas

Agm-map dando erro em localhost e no servidor

Estou usando o AgmCoreModule, para marcar endereços no google maps.

No module, no import

imports: [
    AgmCoreModule.forRoot({
      apiKey: 'xxxxxxxxxxx'
   }),
]

no export exports: [ AgmCoreModule ]

No ts

texto = 'teste';
  lat = -19.91506;
  lng = -44.00752;
  zoom = 15;

No html

<agm-map [latitude]="lat" [zoom]="zoom" [longitude]="lng">
  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

A principio ele mostra Mas depois dá este erro Ou este erro

O Chave key está liberada

Atualizei no servidor, ai não funciona mesmo.

O que pode ser ?

4 respostas

Alguma ajuda ?

Oi Guilherme, você já deu uma olhada no console do navegador para ver se não tem uma mensagem mais clara do erro que pode estar acontecendo?

Opa

Já tentei isso no index.html

<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://maps.googleapis.com https://maps.gstatic.com; object-src 'self'">

Este erro:

isso também:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://maps.googleapis.com https://maps.gstatic.com 'unsafe-inline' 'unsafe-eval';" />

Este erro:

No caso o projeto é com jhipster. Spring com Angular 9

Oi Guilherme, olhando o erro mais a fundo o que ele tá querendo fazer é evaluation de texto e executar isso como código, por isso tem a mensagem dizendo que a politica de unsafe-eval está sendo violada, você precisa permitir esse tipo de comportamento do script para o browser não bloquear. É um risco de segurança.

Aqui neste site do Secutiy Policy tem um exemplo de como fazer o Maps funcionar: https://content-security-policy.com/examples/google-maps/

O confuso é que a diretiva está ali no seu cabeçalho, mas não tá funcionando como deveria, minha dúvida é se a diretiva não deve vir antes dos endereços para qual ela é associada, como está o self. Já tentou fazer essa inversão?