Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/07/2013, 04:39
Avatar de paxarin
paxarin
 
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 14 años, 3 meses
Puntos: 6
Geolocalización HTML5. Crear un punto.

MUy buenas.
Estoy modificando y actualizando mi web.
Encontre un articulo sobre geolocalización y html5 que te localiza el punto exacto en el que te encuentras en el mapa. Algo que me parece muy interesante, pero aparte de saber donde esta el usuario necesitaria poder crear un punto de donde esta la tienda.
Alguien sabria decirme como se deberia de hacer?
Resumiendo.
Crear un punto en el mapa, para que el usuario sepa donde se encuentra la tienda.
Aquí os dejo el codigo
Código:


Código Javascript:
Ver original
  1. <script>  
  2. function success(position) {  
  3.  var status = document.querySelector('#status');  
  4.  status.innerHTML = "¡Su ubicación!";  
  5.  
  6.  var mapcanvas = document.createElement('div');  
  7.  mapcanvas.id = 'mapcanvas';  
  8.  mapcanvas.style.height = '400px';  
  9.  mapcanvas.style.width = '560px';  
  10.  
  11.  document.querySelector('#map').appendChild(mapcanvas);  
  12.  
  13.  var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);  
  14.  var myOptions = {  
  15.  zoom: 15,  
  16.  center: latlng,  
  17.  mapTypeControl: false,  
  18.  navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},  
  19.  mapTypeId: google.maps.MapTypeId.ROADMAP  
  20.  };  
  21.  var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions);  
  22.  
  23.  var marker = new google.maps.Marker({  
  24.  position: latlng,  
  25.  map: map,  
  26.  title:"Usted está aquí."  
  27.  });  
  28. }  
  29.  
  30. function error(msg) {  
  31.  var status = document.getElementById('status');  
  32.  status.innerHTML= "Error [" + error.code + "]: " + error.message;  
  33. }  
  34.  
  35. if (navigator.geolocation) {  
  36.  navigator.geolocation.getCurrentPosition(success, error,{maximumAge:60000, timeout: 4000});  
  37. } else {  
  38.  error('Actualiza el navegador web para usar el API de localización');  
  39. }  
  40.  
  41. </script> [HTML]<p id="status">Buscando su localizaci&oacute;n...</p>  
  42. <div id="map"></div>[/HTML]
Un saludo y muchas gracias
__________________
http://www.paxarindesign.es