Google Maps API v3: mapa con multiples marcadores

Crear un mapa de «google maps» con múltiples marcadores es relativemente sencillo.

A continuación muestro el código fuente de un ejemplo muy básico donde muestro 3 marcadores en un array (nombre, latitud y longitud), y estos son su respectivo infoWindow con el nombre de la localidad.

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
    function initialize() {
      var marcadores = [
        ['León', 42.603, -5.577],
        ['Salamanca', 40.963, -5.669],
        ['Zamora', 41.503, -5.744]
      ];
      var map = new google.maps.Map(document.getElementById('mapa'), {
        zoom: 7,
        center: new google.maps.LatLng(41.503, -5.744),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
      var infowindow = new google.maps.InfoWindow();
      var marker, i;
      for (i = 0; i < marcadores.length; i++) {  
        marker = new google.maps.Marker({
          position: new google.maps.LatLng(marcadores[i][1], marcadores[i][2]),
          map: map
        });
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
          return function() {
            infowindow.setContent(marcadores[i][0]);
            infowindow.open(map, marker);
          }
        })(marker, i));
      }
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

Demo:

Con este ejemplo ya lo podéis customizar a vuestro gusto, añadir los marcadores desde una base datos mysql, añadir más campos de información a cada marcador, etc…

pd: Si fueran muchos los marcadores a introducir sería mejor utilizar un json externo para almacenar la info de cada marcador.

pd: para un centrado automático en función de la posición de marcadores que tengamos: https://www.bufa.es/google-maps-centrar-mapa-automaticamente-con-multiples-marcadores/