Estou trabalhando em um projeto web que utiliza a api maps, contudo, em alguns momentos, o sistema retorna com o seguinde erro e o mapa não abri:
Uncaught Eb message: "initMap is not a function"name: "InvalidValueError"stack: "Error↵ at new Eb
Em outros momentos, o mapa abre normalmente. Alguém têm ideia do que pode está ocorrendo e como posso resolver? No meu script não tem nenhuma variável com o nome Eb.
No HTML eu defino uma div que vai carregar o mapa
<div id="map" class="pull-right"></div>
Dai eu importo o mapa
<script src="https://maps.googleapis.com/maps/api/js?key=??????=places&callback=initMap"
async defer></script>
E defino a função initMap num script na mesma página do htlm.
function initMap(){
// Definição do ponte de inicialização do mapa
var myLatLng = new google.maps.LatLng(-5.843470, -36.619855);
// Definição das configurações visuais do mapa
var mapOptions = {
zoom: 8,
center: myLatLng,
styles: [
{
featureType: 'road',
elementType: 'all',
stylers:[{visibility: 'off'}]
},
{
featureType: 'water',
elementType: 'all',
stylers:[{color: '#ffffff'}]
},
{
featureType: 'landscape',
elementType: 'all',
stylers:[{color: '#ffffff'}]
}
]
}
// Instanciando o mapa com as configurações defidas dentro de uma div cujo id está especificado na instrução
var map = new google.maps.Map(document.getElementById('map'),mapOptions);
var geocoder = new google.maps.Geocoder;
}
Dentro do script existe outras definições de variáveis e função. No entanto adicionei apenas esta por ser a que vai inicializar o mapa. Dentro da função initMap também está definido varios poligonos e os eventos de cada poligono.