Me gustaria replantear la duda que tengo con esto.
Tengo una base de datos con los datos de tiendas en españa, a su vez tengo un buscador de codigos postales en esa base de datos, lo que quiero es que al buscar por codigo postal en el buscador, aparezcan los resultados con la aplicacion de streetview de Gmaps.
Este es el codigo de Tiendas.js:
Código:
var geocoder = new GClientGeocoder();
function crearMapa(tienda, direccion)
{
var myPano = new GMap2(document.getElementById("tienda"+tienda));
geocoder.getLatLng(tiendas)
function(point)
{
if (point)
{
myPano.setCenter(point, 16);
var marker = new GMarker(point);
myPano.addOverlay(marker);
panoramaOptions = { latlng:point };
myPano = new GStreetviewPanorama(document.getElementById("tienda"+tienda), panoramaOptions);
GEvent.addListener(myPano, "error", handleNoFlash);
}
}
}
Siendo tiendas la tabla que contiene los datos.
La gran duda mia, que tengo ya como 4 dias con este rollo, es que cuando coloco el codigo postal, para hacer la busqueda, no me arroja nada, solo la informacion de la tienda, pero la aplicacion de GMaps no se inicia.
tambien aparece el link de <ver el mapa mas grande> y ahi si funciona todo perfectamente, pero estoy fuera de la pagina web.
Por el amor a Dios que alguien se apiade de mi para que me ayude con, ya no se que hacer....
este es el codigo de la pagina buscar:
Código PHP:
<?php
echo $javascript->link("http://maps.google.com/maps?file=api&v=2&key=KEY", true);
?>
<?php echo $javascript->link('tiendas', false); ?>
<div id="donde_encontrarlo" style="height:auto;">
<div id="tienda-chica" style="<?php if (!empty($tiendas)){ ?>position: absolute;<?php }?>top:-20px;"></div>
<?php if(empty($tiendas)){ ?>
<div id="tienda-texto1">
<?php echo $html->image('donde_encontrarlo.png'); ?>
</div>
<div id="tienda-tiendas">
<div id="tienda-tienda1"></div>
<table id="tienda-formTienda">
<tr>
<td style="width: 20px;"> </td>
<td style="text-transform: uppercase; color: #FF9F2F; text-align: left;"><?php __('TIENDAS'); ?></td>
</tr>
<tr>
<td> </td>
<td style="text-align: left; color: white;"><?php __('Introduce tu código postal y descubre lo cerca que estamos de ti.'); ?></td>
</tr>
<tr>
<td> </td>
<td>
<?php
echo $form->create('Tienda', array('action' => 'buscar'));
echo $form->input('codigopostal', array('label' => false, 'style' => 'height: 26px', 'style'=>'background-color:#cccccc'));
echo $form->submit('/img/boton-buscar.png', array('id' => 'boton-buscar', 'style' => 'height: 24px'));
echo $form->end();
?>
</td>
</tr>
<tr>
<td colspan="2" style="height: 100px;"> </td>
</tr>
</table>
<div id="tienda-tienda2"></div>
<table id="tienda-formCorner">
<tr>
<td style="width: 20px;"> </td>
<td style="text-transform: uppercase; color: #FF9F2F; text-align: left;"><?php __('CORNERS'); ?></td>
</tr>
<tr>
<td> </td>
<td style="text-align: left; color: white;"><?php __('Consíguenos en nuestros corners de El Corte Inglés. Encuentra aquí el más cercano.'); ?></td>
</tr>
<tr>
<td> </td>
<td style="text-align: left;">
<a href="corners/">
<?php
echo $html->image('entrar.png');
?></a>
</td>
</tr>
<tr>
<td colspan="2" style="height: 100px;"></td>
</tr>
</table>
<?php }else{ ?>
<div id="contenido-tiendas" style="position: absolute;left: 450px;">
<table style="width: 450px;">
<?php foreach ($tiendas as $tienda): ?>
<tr>
<td style="width: 250px;">
<div id="tienda<?php echo $tienda['Tienda']['id']?>" style="width: 30px; height: 300px;">
<?php echo $html->image('/'.Configure::read('JS.DIR').'/'.$tienda['Tienda']['foto'], array('style' => 'width: 350px; height: 300px;')); ?>
</div>
<script type="text/javascript">
crearMapa('<?php echo $tienda['Tienda']['id']?>', '<?php echo $tienda['Tienda']['calle'].' '.$tienda['Tienda']['numero'].' '.$tienda['Tienda']['municipio']?>');
</script>
<a href="http://maps.google.es/maps?f=q&hl=es&geocode=&q=<?php echo rawurlencode($tienda['Tienda']['calle'].' '.$tienda['Tienda']['numero'].' '.$tienda['Tienda']['municipio'])?>" style="width: 250px;">ver mapa más grande</a>
</td>
<td class="direccion" style="background-color:#4D4D4D; bottom:1.5em;">
<div style="line-height: 12pt; font-weight:bold;">
<?php echo $tienda['Tienda']['callevia'], ' ', $tienda['Tienda']['calle'], ', ', $tienda['Tienda']['numero']; ?>,<br/>
<?php echo $tienda['Tienda']['municipio'], ', ', $tienda['Tienda']['provincia']; ?>
</div>
</td>
</tr>
<?php endforeach; ?>
</table>
<?php if (isset($tiendas) && empty($tiendas)) { ?>
<p>
<?php __('No se han encontrado tiendas')?>
</p>
<?php } else { } ?>
</div>
<?php } ?>
</div>
El error o no se si se pueda llamar asi es aqui:
Código PHP:
<?php echo $html->image('/'.Configure::read('JS.DIR').'/'.$tienda['Tienda']['foto'], array('style' => 'width: 350px; height: 300px;')); ?>
En esa seccion me arroja dos printscreen de la aplicacion, mas abajo de eso esta estas lineas, que pienso que deberian ir donde estan las fotos o printscreen
aca:
Código PHP:
<script type="text/javascript">
crearMapa('<?php echo $tienda['Tienda']['id']?>', '<?php echo $tienda['Tienda']['calle'].' '.$tienda['Tienda']['numero'].' '.$tienda['Tienda']['municipio']?>');
</script>
Y ya....de verdad que esto me esta trayendo de cabeza, mi jefe esta vuelto loco, y cada que me pregunta por esto, ehmmm la verguenza no es normal...
De verdad que agradeceria si alguien me puede ayudar con esto.