Tema: For PHP en API Google Maps
Ver Mensaje Individual
  #27 (permalink)  
Antiguo 12/11/2012, 09:31
txemaarbulo
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: For PHP en API Google Maps
Sigo viendo errores de base:

La consola de errores me sigue dando de más el cierre. No quiero entrar a analizar si el PHP dentro del Javascript crean en este punto algún conflicto. Lo concreto es que con Google Maps, una coma, un punto y coma, un paréntesis de más o de menos nos bloquean la visualización de mapa.

Por hacer un análisis somero, sobre tu último código:

Si <body onload="initialize()">
Código Javascript: 
Ver original
  1. function initialize() { /* ... */}

Si <body>
Código Javascript: 
Ver original
  1. window.onload = function () { /* ... */}

El mapa no está centrado en
Código Javascript: 
Ver original
  1. var options = {
  2.             zoom: 5,
  3.             mapTypeId: google.maps.MapTypeId.ROADMAP
  4.         };

...

Por otra parte, ten en cuenta que con tu mapa mapTypeId: google.maps.MapTypeId.ROADMAP el icono se ve con dificultad, ya que es éste


Bien: olvidemos por un momento PHP.

Partamos (aproximándome al máximo a tu código) de éste:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  7.     <title>Mapa ruta simple</title>
  8.     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"></script> 
  9. <script type="text/javascript"> 
  10.     var latLonCenter = new google.maps.LatLng(40.84706, -2.944336);
  11.  
  12. window.onload = function () {
  13.   var options = {
  14.     zoom: 5,
  15.     center: latLonCenter,
  16.     mapTypeId: google.maps.MapTypeId.ROADMAP
  17.   };
  18.  
  19.   map = new google.maps.Map(document.getElementById('map_canvas'), options);
  20.  
  21.   var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png';
  22.  
  23.   marker = new google.maps.Marker({
  24.     position: latLonCenter,
  25.     map: map,
  26.     draggable: false,
  27.     animation: google.maps.Animation.DROP,
  28.     icon: image,
  29.     title: 'Mi marcador'
  30.   });
  31.   map.setCenter(latLonCenter);
  32. }
  33. </script> 
  34.   </head>
  35.   
  36.   <body> 
  37.     <center><div id="map_canvas" style="width:650px; height:360px;"></div></center> 
  38.   </body>
  39.   
  40. </html>

A continuación ve introduciendo tus elementos y comprobando en cada paso, bien mediante alert o mediante echo si llegan los datos como deseamos (con o sin paréntesis, comillas, etc.).

Si te has finado en el enlace que te he pasado, al final del todo, (construido el XML previamente) el javascript, incluso la página completa carece de código PHP.