mapa de google en pagina sin recargar

estrella2684 · #1 (**permalink**) 02/06/2013, 16:55

estoy creando un sitio donde no se deben recargar las paginas y algunas paginas tienen mapa de google y no se carga el mapa de google.

ipraetoriux · #2 (**permalink**) 03/06/2013, 01:31

...pues como somos adivinos, seguramente, sin ver nada de código podremos ver mas allá de lo evidente y solucionar tu problema, no?.,,,

estrella2684 · #3 (**permalink**) 04/06/2013, 11:18

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
 
<script src="js/libs/jquery-1.7.2.min.js" ></script>
      <style>
 
#map-canvas, #map_canvas {
  height: 30%;
  width:20%;
  
}
 
@media print {
  html, body {
    height: auto;
  }
 
  #map-canvas, #map_canvas {
    height: 650px;
  }
}
 
</style>
    
</head>
 
<body>
 
<a href="rest.php" class="mnu_load" data-hash="#rest.php"  alt="Globalisimo - Restaurantes, Bares, Tijuana, San Diego">prueba</a>
<a href="rest.php?id=3" class="mnu_load" data-hash="#rest.php?id=3"  alt="Globalisimo - Restaurantes, Bares, Tijuana, San Diego">prueba</a>
<br />
 
 
                       
                    </div>
<div class="contenedor">aqui esta cargando
<div id="map-canvas" ></div>
 
 
<script type="text/javascript">
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
 
  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
      //document.getElementById('map-canvas').style.position="inherit";
}
 
function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
      'callback=initialize';
  document.body.appendChild(script);
}
 
 
 
            //para cargar secciones
    (function($){
        
        var contenido = $('div.contenedor'), url_anterior = '', extension = '.php', original = window.location; 
        $('a.mnu_load').each(function(){ //Cambiamos los href por el contenido del atributo data-hash
            
            $(this).attr('href', $(this).data('hash'));
        });
        $('a.mnu_load').on('click', function(e){    
                        var hash = $(this).attr('href'); 
                        
        
            
            e.preventDefault();  
            revisarURL(hash).done(function(){
                window.location.href = hash; // Buen hash, cambiemoslo en la URL            
            }).fail(function(){
                window.location.href = '#error';
            }).always(function(datos){
                contenido.html(datos);
            });
            
            //cambiar titulo
            var titulo=$(this).attr('alt');
        
        if(!titulo){
            document.title ='Globalisimo Un Mundo de Opciones - Restaurantes, Clasificados, Noticias, Eventos, Tijuana, San Diego';
            }else{
        document.title = titulo;
        }
            
        });
        
        revisarURL(); // Si hay un hash en la URL (ej, copiamos y pegamos en una conversación) cargará la URL correcta.
        setInterval(function(){
            revisarURL().fail(function(){
                window.location.href = '#error';
            }).always(function(datos){
                contenido.html(datos);
            });
        },250); // Revisamos cualquier cambio en el Hash cada 250 milisegundos
        
        function revisarURL (hash){
            var deferred = $.Deferred();
            if (!hash) { // Esto ocurre cuando se pulsa el botón de atrás o adelante en el navegador o al pasar una URL con hash
                hash = window.location.hash;
            }
            if (!hash) { // Esto puede pasar si es la primera URL - index.html en nuestro caso
                var url = window.location.pathname; // Obtenemos la URL completa
                var archivo = url.substring(url.lastIndexOf('/')+1); // Nos quedamos con el nombre del archivo (index.html)
                hash = archivo.replace(extension,''); // Le quitamos la extensión para convertirlo en "hash"
            }
            if (hash !== url_anterior){ 
                url_anterior = hash; 
                cargarPagina(hash).done(
                    function(data){ 
                        var html = $(data);
                        var filtrado = html.find('.contenedor');
                        deferred.resolve(filtrado.html());
                    }
                ).fail(function(){ // La URL no existe                  
                    //deferred.reject('<p>La página no existe.</p>'); // Rechazamos nuestro deferred        
                });
            }
            return deferred.promise(); // Devolvemos una promesa, no un deferred
        }
 
 
        function cargarPagina(hash){
            url = hash.replace('#','');  //Quitamos la almohadilla
            
            loadScript();   
 
            
            var re  = /^([a-zA-Z_])+.php?/; 
if (!re.test(url))
                {
                url=url + extension;
                }else{
                    url=url;
                    }
            return $.ajax({
                type: "GET",
                url: url,
                async: true,
                dataType: "html"});         
                
                
                
        }
    })(jQuery);
  </script>
 
 
     
</body>
</html>

ipraetoriux · #4 (**permalink**) 04/06/2013, 13:31

...como se nota que has copiado y pegado codigo de algun lado sin tener la menor idea de lo qu estas haciendo, no?

..fijate tu body...que es esto? ya de aca arrancamos mal, si no sabes cerrar simples etiquetas html, ni hablar de usar JavaScript...

Código HTML:

Ver original<a href="rest.php" class="mnu_load" data-hash="#rest.php"  alt="Globalisimo - Restaurantes, Bares, Tijuana, San Diego">prueba</a>
<a href="rest.php?id=3" class="mnu_load" data-hash="#rest.php?id=3"  alt="Globalisimo - Restaurantes, Bares, Tijuana, San Diego">prueba</a>
<br />
 
 
                       
                    </div>
<div class="contenedor">aqui esta cargando
<div id="map-canvas" ></div>

#5 (**permalink**) 04/06/2013, 17:02

Esta y algunas otras de la semana, ( ipraetoriux, ambos las sabemos bien), son historias propias del absurdo supino.

estrella2684 si por un casual copiaron algún código, (derechos y permisos aparte, porque se lo curraron), háganlo bien. Y no compliquen tiempo ni esfuerzo a quien quieren ayudarles.

Yo le recomendaría leer o ver, del mejor capítulo de teatro del absurdo (1950) La lección de Eugène Ionesco

Tal vez se anticipó Antonio Machado hace 100 años diciendo en sus proverbios:

Código cita:

Ver originalDel arte del buen comer,
primera lección:
no has de coger la cuchara
con el tenedor

estrella2684 · #6 (**permalink**) 04/06/2013, 19:26

El cierre del div lo borre por error al quitar codigo comentado, en primera parte el codigo de javascript para la carga de paginas es de un tutorial, y como son tan conocedores en el tema, tambien se habran dado cuenta que el codigo javascript para el mapa es de google maps,y muchas gracias por tomarse su valioso tiempo para ayudar a esta inexperta...