Geolocalización web y direccionamiento

[Kamps]

Hola, tengo una idea que quiero desarrollar, pero me está costando mas de lo que pensaba, quisiera compartirla con vosotros y que me echaseis una mano si teneis conocimientos sobre el tema.

La idea que tengo en mente es la siguiente.

Quiero hacer una base de datos con restaurantes ( Cada restaurante tendrá etiquetas que lo diferenciarán del resto, por ejemplo, "Comida Española", "Comida Americana", " Cocina Méxicana..." etc..)

Después quiero posicionar esos restaurantes en un mapa, ya sea a través de la herramienta de Google Maps, o alguna otra que conozcais que permita la importación de documentos XML o bases de datos para la localización de los lugares.

Una vez tenga los restaurantes puestos en el mapa, quiero que los clientes a través de un formulario que les orientará en sus necesidades por ejemplo ( Restaurante: "Comida China", " Menos de 20 euros" " Por Madrid " " 2 Personas" " Terraza" ) después de completar ese formulario, este buscará en la base de datos coincidencias y una vez encontradas le mostrará al cliente lo siguiente.

Se le mostrará en el mapa, el punto donde se encuentra en ese mismo momento y la ruta a través del mapa hasta llegar al sitio, tanto a pie como en coche.


Bueno espero que me hayan entendido, todo aquel que quiera colaborar en esta herramienta es bienvenido.

Un saludo y gracias.

[iovan]

Google tiene distintas APIs que te permiten ubicar un lugar en el mapa de distintas formas, por coordenadas geográficas, por direcciones, etc....


http://code.google.com/intl/es-419/apis/maps/index.html


Con la que mas te guste tu puedes programar lo que deseas de una forma mucho más facil de lo que era hace algunos años.

Es como tu indicas, una base de datos con la información de los restaurantes incluyendo "por ejemplo" las coordenadas geográficas (que el mismo google Maps te da) y un archivo denominado "API" que se encarga de procesar la info que le des para mostrar el punto correspondiente en el mapa.

Saludos.

[Kamps]

Bueno después de estudiar un poco me encuentro con algunos problemas, tengo algo echo pero que no logro ver, ya que no se donde está el fallo. El tema es que el mapa salga como "fondo" de la web, y en una zona determinada, concretamente donde están las cordenadas aparezca el simbolo de un restaurante, pero no se que pasa que no se me ve.. os dejo el código y veis a ver que puede pasar.

<div id="map_canvas"></div>
<!--scripts-->
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script>
function initialize() {
var latlng = new google.maps.LatLng(39.458131,-0.334311);
var settings = {
zoom: 15,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map_canva s"), settings);
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">Welcome to CuppyBar!</h1>'+
'<div id="bodyContent">'+
'<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>'+
'<div id="address">'+
'<p>Place your address, zip-code and telephone number right here. You may place also email address here.</p>'+
'</div>'+
'<figure><img src="images/outside.jpg" width="400" height="260" alt="bar outside"/></figure>'
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});

var companyImage = new google.maps.MarkerImage('images/barsign.png',
new google.maps.Size(150,90),
new google.maps.Point(0,0),
new google.maps.Point(50,50)
);

var companyShadow = new google.maps.MarkerImage('images/bar-shadow.png',
new google.maps.Size(180,110),
new google.maps.Point(0,0),
new google.maps.Point(50, 45));

var companyPos = new google.maps.LatLng(39.458131,-0.334311);

var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,
shadow: companyShadow,
title:"Cuppy Bar",
zIndex: 3});

google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
}
</script>

[iovan]

hola amigo, si el código lo extraiste de la APi de google y no le has hecho modificaciones entonces es efectivo y funcional, el problema estaría en el manejo del ID del div, verifica si el script esta imprimiendo en ese identificador "map_canvas".

Saludos.