Foros del Web - Ver Mensaje Individual

manzajaro · #3 (**permalink**) 09/01/2014, 10:15

hola gracias por responder te comento las pruebas que hice, realice el siguiente html el cual me dibuja correctamente los puntos en el mapa en este caso de la categoría restaurantes, pero no se como obtener las coordenadas de cada uno de esos puntos, ni como ampliar esa búsqueda a ámbito nacional, ya que solo me devuelve los cercanos a las coordenadas que introduzque, en la pagina https://developers.google.com/maps/documentation/javascript/places en la parte de Place Details Results se puede usar esa función para obtener las coordenadas pero no tengo ni idea de como usarla soy nuevo en todo esto del Maps disculpa mi ignorancia

Código:

<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
   <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=true"></script>

    <script type="text/javascript">
    var map;
        var service;
        var infowindow;
     
     
        function initialize() {
            var pyrmont = new google.maps.LatLng(39.39941,-3.1244570000000067);
     
            map = new google.maps.Map(document.getElementById('map'), {
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                center: pyrmont,
                zoom: 15
            });
     
            var request = {
                location: pyrmont,
    			 radius: '500',
    			types: ['restaurant']
            };
			
     
            infowindow = new google.maps.InfoWindow();
           service = new google.maps.places.PlacesService(map);
  service.nearbySearch(request, function(results, status) {
                if (status == google.maps.places.PlacesServiceStatus.OK) {
                    for (var i = 0; i < results.length; i++) {  
				   
                        createMarker(results[i]);
                    }
                }
            });
			service.getDetails(request, function(details, status){
                if (status == google.maps.places.PlacesServiceStatus.OK){
						alert(details);
				}
            });			
			
        }
	
     
        function createMarker(placeMarker) {
            var marker = new google.maps.Marker({
                map: map,
                position: placeMarker.geometry.location
            });
     
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.setContent(placeMarker.name);
                infowindow.open(map, this);
            });
        }
    </script>
  </head>
  <body onLoad="initialize()">
    <div id="map" style="width:650px; height:650px"></div>
  </body>
</html>