Carlsbad south Markers

by agraebe

HTML

<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>

CSS

#map {
  height: 100%;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {
      lat: 31.942302,
      lng: -104.07997
    },
    mapTypeId: 'satellite'
  });

  var coordinates = [{
      title: "Grissom  South Battery",
      lat: 31.957708,
      lng: -104.102193
    },
    {
      title: "Grissom A 3022H - RT BTRY",
      lat: 31.941074,
      lng: -104.103465
    },
    {
      title: "Glenn 2021H Battery",
      lat: 31.942302,
      lng: -104.07997
    },
    {
      title: "Aldrin #2822H-Rt Battery",
      lat: 31.9409,
      lng: -104.066557
    },
    {
      title: "ALDRIN 2801 BATTERY",
      lat: 31.941093,
      lng: -104.062972
    },
    {
      title: "ARMSTRONG 2802H BATT",
      lat: 31.940953,
      lng: -104.067814
    },
    {
      title: "Grissom 1802H RT BAT",
      lat: 31.956527,
      lng: -104.102504
    },
    {
      title: "Glenn 2024H - Rt Btty",
      lat: 31.942082,
      lng: -104.094427
    },
    {
      title: "GLENN 2003H RT BATT",
      lat: 31.942808,
      lng: -104.090221
    },
    {
      title: "GLENN 2001H RT BATT",
      lat: 31.941934,
      lng: -104.080936
    },
    {
      title: "ARMSTRONG 2803H BATT",
      lat: 31.941504,
      lng: -104.072975
    },
    {
      title: "Armstrong 2824H - RT BTTY",
      lat: 31.941163,
      lng: -104.077428
    }
  ];

  var marker;

  for (let i = 0; i < coordinates.length; i++) {
    marker = new google.maps.Marker({
      position: new google.maps.LatLng(coordinates[i].lat, coordinates[i].lng),
      label: coordinates[i].title,
      map: map
    });
  }

}