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.