Estoy poniendo unos mapitas en mi sitio con la ayuda de la API de Google Maps, he encontrado algun script por ahi que la verdad es que me esta sirviendo de ayuda. La cuestion es la siguiente, los resultados de la busqueda los muestra en un select y yo quisiera mostrarlos en una lista, el problema es que cuando cambio el codigo y al hacer click en alguno de los resultados no desplaza el mapa al punto en cuestion:
El codigo original seria:
Código PHP:
// create function
echo '<script type="text/javascript">'."\r\n".
'function changeMarker (pos) {'."\r\n".
' dta = pos.split(\' \');'."\r\n".
' map.panTo(new GLatLng(dta[0], dta[1]));'."\r\n".
' map.setZoom(dta[2]);'."\r\n".
'}'."\r\n".
'</script>'."\r\n";
// begin
echo '<select'.$properties.' onchange="changeMarker(this.options[this.selectedIndex].value);">'."\r\n";
// show options
$cnt = sizeof($this->results);
for ($i = 0; $i < $cnt; $i++) {
$location = &$this->results[$i];
echo '<option value="'.$location['lat'].' '.$location['lng'].' '.$this->calcZoom(&$location).'">'.$location['name'].' ('.$location['countryName'].')</option>'."\r\n";
}
// show a no-results sign
if ($cnt == 0) {
echo '<option value="">No se encontraron resultados</option>'."\r\n";
}
// end
echo '</select>'."\r\n";
Código PHP:
// create function
echo '<script type="text/javascript">'."\r\n".
'function changeMarker (pos) {'."\r\n".
' dta = pos.split(\' \');'."\r\n".
' map.panTo(new GLatLng(dta[0], dta[1]));'."\r\n".
' map.setZoom(dta[2]);'."\r\n".
'}'."\r\n".
'</script>'."\r\n";
// show options
$cnt = sizeof($this->results);
for ($i = 0; $i < $cnt; $i++) {
$location = &$this->results[$i];
echo '<a href="#" onClick="changeMarker('.$location['lat'].' '.$location['lng'].' '.$this->calcZoom(&$location).');">';
echo $location['name'].' - '.$location['countryName'];
echo '</a><br/>'."\r\n";
}
// show a no-results sign
if ($cnt == 0) {
echo 'No se encontraron resultados'."\r\n";
}
SAludos,
