Skip to main content
título editado
Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94

Erro emde requisição ajax para carregar no google map

Erro em requisição ajax.

Bom dia! EstouEstou fazendo uma requisição código ajax:

$.ajax({
    type:"POST",
    url:"url.php",
    data:{
        ida : href,  
    },
    beforeSend: function(){
    
    },
    success:function(data){          
      $("#mapa").html(data);                 
    }
      });   

});

Erro em requisição ajax.

Bom dia! Estou fazendo uma requisição código ajax:

$.ajax({
    type:"POST",
    url:"url.php",
    data:{ida : href,  },
    beforeSend: function(){
    },
    success:function(data){          
      $("#mapa").html(data);                 
    }
      });   

});

Erro em requisição ajax

Estou fazendo uma requisição código ajax:

$.ajax({
    type:"POST",
    url:"url.php",
    data:{
        ida : href,  
    },
    beforeSend: function(){
    
    },
    success:function(data){          
      $("#mapa").html(data);                 
    }
});
Fonte Link
lelopes
  • 387
  • 2
  • 14

Erro em requisição ajax.

Bom dia! Estou fazendo uma requisição código ajax:

$.ajax({
    type:"POST",
    url:"url.php",
    data:{ida : href,  },
    beforeSend: function(){
    },
    success:function(data){          
      $("#mapa").html(data);                 
    }
      });   

});

Requisição está sendo feita com sucesso, sem problema. O que ocorre é ao carregar o resultado, no caso é um mapa do google maps, da um erro: You have included the Google Maps API multiple times on this page. This may cause unexpected errors.

sendo que meu arquivo url.php é :

<div id="gmap_canvas"></div>
<div id='map-label'></div>
    <!-- JavaScript to show google map -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js"></script>  
<script type="text/javascript">
    function init_map() {
        var myOptions = {
            zoom: 14,
            center: new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
        marker = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>)
        });
        infowindow = new google.maps.InfoWindow({
            content: "<?php echo $formatted_address; ?>"
        });
        google.maps.event.addListener(marker, "click", function () {
            infowindow.open(map, marker);
        });
        infowindow.open(map, marker);
    }
    google.maps.event.addDomListener(window, 'load', init_map);
</script>

Não tenho em nenhuma outra parte do código referencia para inclusão do scritp do mapa, é carregado diretamente pelo arquivo url.php via ajax.

Acessando direto no navegador a url.php funciona perfeitamente, se for via ajax não funciona, da o erro relatado.

Gostaria de saber o porque do erro, pois estou fazendo referencia do script do mapas apenas uma vez e não múltiplas vezes conforme o erro informado.