duda con google maps html5

[JAP123]

bn dia compañeros........ alguien me puede ayudar ?? tengo un sitio web de ubicacion de bares y discotecas,,,,
lo que necesito es q con la api de google maps ...en HTML5 me diga a que distancia estoy en metros de determinado bar o discoteca sabiendo mi posicion actual "CURRENTPOSICION" y la ubicacion de el sitio donde quiero llegar.... longitud y latitud

la api de google me ubica en mis coordenadas actuales (si me muevo cambian) y luego compara con las coordenadas q yo le ingrese.. logitud y latitud (bar o discoteca coordenadas estaticas) y muestre la distancia actual ......

NO ES NECESTARIO QE MUESTRE MAPA... SOLO QUE ME DIGA " ESTAS A "X" METROS DE DISTANCIA ....

alguien me podria dar el codigo html5 donde yo solo tenga que poner las coordenadas del sitio a ubicar (bar, discoteca)

[JAP123]

google tiene una funcion, que si tu le das 2 puntos PUNTO A = logitud y latitud .................. PUNTO B = logitud y latitud,,,,,,,,,,,,,,, con esos 2 datos, el te dice aque distancia estan, en metros,,,,,,, los que yo necesito es cambiar el PUNTO A. por mi posicion actual ..... GRACIAS ..

[Madh]

Pues como bien dices, la propia API de Google Maps tiene un método para calcular la distancia entre un punto A y un punto B, no se donde tienes realmente el problema, si solamente tienes que sustituir los datos.

Te dejo aquí una implementación en un proyecto que hice para calcular tanto la posición actual, como la distancia entre esta posición actual y otros sitios:

Código Javascript:

// Geolocalizacion
var sitio = "";
 
function getLocation(site) {
 
  sitio = site
 
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } 
}
 
function showPosition(pos) {
    
  var distance = calcDistance(pos.coords.latitude,pos.coords.longitude,
                sitio.latitude,sitio.longitude)/1000;
  
  $('.distancia').eq(i).text("A "+distance.toFixed(1)+" kms");
  $('.distancia').css('visibility','visible');
}
 
 
// Calcular distancias
function calcDistance (fromLat, fromLng, toLat, toLng) {
  return google.maps.geometry.spherical.computeDistanceBetween(
    new google.maps.LatLng(fromLat, fromLng), new google.maps.LatLng(toLat, toLng));
}
 

Si te fijas, en "pos.coords.latitude" y "pos.coords.longitude" se almacena la ubicación actual.

Saludos

[JAP123]

compañero me podrias escribir el codigo html completo por favor


lo que necesito es algo similar a esto

http://amarillasbuga.com/apk/8_2.html


en este ejmplo del link ,,, si mueves el punto azul , automaticamente te muestra en la parte de abajo la distancia entre el punto azul,,, y el punto rojo ,, yo necesito lo mismo,,,,, pero en vez de tener q mover el punto azul,,,,, este se reeemplace por mi posicion actual GPS,,,,, muestre de una la distancia entre mi ubicacion y un punto fijo

el punto fijo yo escribiria la ubicacion ,, expresada en logitud y latitud ,,,,,

var punto fijo = new google.maps.LatLng(3.903389, -76.298100);


solo necesito q me muestre el siguiente mensaje ,,,,,,,,,,,,,, tu distancia actual a "punto fijo" es "X" metros


GRACIAS