¿Cómo se muestran varias ubicaciones en Google Maps?

Question

Tengo datos de actitud y longitud múltiples y quiero mostrarlos en el mapa de Google con alfileres.

¿Cómo utilizar la API del mapa de google para hacer esto?

Answer 1

itera sobre su matriz y crea una nueva instancia Marker para cada par. Es simple:

<script> 
    var map = new google.maps.Map(document.getElementById('map'), { 
     center: new google.maps.LatLng(55.378051, -3.435973), 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     zoom: 8 
    }); 

    var locations = [ 
     new google.maps.LatLng(54.97784, -1.612916), 
     new google.maps.LatLng(55.378051, -3.435973]) 
     // and additional coordinates, just add a new item 
    ]; 

    locations.forEach(function (location) { 
     var marker = new google.maps.Marker({ 
      position: location, 
      map: map 
     }); 
    }); 
</script> 

Esto funciona para cualquier número de pares de latitud/longitud; solo agrega un nuevo elemento a la matriz locations.

Answer 2

se puede hacer algo como

var map = new GMap2(document.getElementById("map_canvas")); 
    map.addControl(new GSmallMapControl()); 
    map.setCenter(new GLatLng(37.4419, -122.1419), 13); 

    // Create our "tiny" marker icon 
    var blueIcon = new GIcon(G_DEFAULT_ICON); 
    blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png"; 

    // Set up our GMarkerOptions object 
    markerOptions = { icon:blueIcon }; 

    // Add 10 markers to the map at random locations 
    var bounds = map.getBounds(); 
    var southWest = bounds.getSouthWest(); 
    var northEast = bounds.getNorthEast(); 
    var lngSpan = northEast.lng() - southWest.lng(); 
    var latSpan = northEast.lat() - southWest.lat(); 
    for (var i = 0; i < 10; i++) { 
     var point = new GLatLng(southWest.lat() + latSpan * Math.random(), 
     southWest.lng() + lngSpan * Math.random()); 
     map.addOverlay(new GMarker(point, markerOptions)); 
    } 

he tomado este ejemplo de la documentación API de Google en el que han demostrado cómo se puede utilizar lat ong para mostrar cosas

Consulte esto para detalles

Showing markers using Google API

Aunque he usado v2 que ha sido desaprobado pero el concepto a usar será más o menos el mismo