A tener en cuenta que si dicho mapa se tiene que generar en un div que esta oculto y que luego queremos mostrar por alguna razón, si no seguimos estos tres pasos no podremos generar el mapa bien y nos volveremos locos(lo digo por experiencia…)
IMPORTANTISIMO:
1º MOSTRAR EL DIV QUE CONTENDRA EL MAPA
2º DAR TAMAÑO AL DIV QUE CONTENDRA EL MAPA
3º GENERAR EL MAPA EN DICHO DIV
Si dicho mapa esta siempre visible no hay que tener en cuenta estas tres cosas, pero si se oculta por defecto si.
<script type=»text/javascript» src=»http://maps.google.com/maps/api/js?sensor=true»></script>
<script type=»text/javascript» src=»<?php echo base_url();?>scripts/js/gmaps.js»></script>
<script type=»text/javascript»>
var map;
function genera_mapa(){
//IMPORTANTISIMO:
//1º MOSTRAR EL DIV QUE CONTENDRA EL MAPA
//2º DAR TAMAÑO AL DIV QUE CONTENDRA EL MAPA
//3º GENERAR EL MAPA EN DICHO DIV
$(«#map»).show();//1º MOSTRAR EL DIV QUE CONTENDRA EL MAPA
$(«#map»).width(«600px»);//2º DAR TAMAÑO AL DIV QUE CONTENDRA EL MAPA
$(«#map»).height(«300px»);//2º DAR TAMAÑO AL DIV QUE CONTENDRA EL MAPA
$.ajax({//3º GENERAR EL MAPA EN DICHO DIV
type: «POST»,
dataType: «json»,
url: «<?php echo base_url().’index.php/publicaciones/get_coordenadas_cliente’; ?>»,
//data: «pais=»+1,
success: function(data){
map = new GMaps({
div: ‘#map’,
lat: data.latitud,
lng: data.longitud,
zoom: 16
});
map.addMarker({
lat: data.latitud,
lng: data.longitud,
title: data.nombre_comercial_com1
});
}
});//fin $.ajax({
}
$(document).ready(function(){
genera_mapa();
});
</script>
<div id=»map»></div>
thedecepticon 