Carlsbad north 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.971318,
      lng: -104.085961
    },
    mapTypeId: 'satellite'
  });

  var coordinates = [{
      title: "Grissom North - Battery",
      lat: 31.967397,
      lng: -104.105196
    },
    {
      title: "Shepard 823H - Battery",
      lat: 31.972327,
      lng: -104.091307
    },
    {
      title: "Wetherbee 4N CTB - Rt Btty",
      lat: 31.98761,
      lng: -104.071604
    },
    {
      title: "Wetherbee 421H Battery",
      lat: 31.986146,
      lng: -104.072789
    },
    {
      title: "Shepard 824H RT BTY",
      lat: 31.97189,
      lng: -104.094354
    },
    {
      title: "Grissom 1822H - Battery",
      lat: 31.970181,
      lng: -104.103222
    },
    {
      title: "Shepard 813H - Rt Btty",
      lat: 31.971087,
      lng: -104.090199
    },
    {
      title: "SHEPARD 803H BATTERY",
      lat: 31.971959,
      lng: -104.089302
    },
    {
      title: "Mitchell Unit 822H - Rt Battery",
      lat: 31.971318,
      lng: -104.085961
    },
    {
      title: "SHEPARD 802H BATTERY",
      lat: 31.971373,
      lng: -104.085021
    },
    {
      title: "MITCHELL 801H BATTERY",
      lat: 31.971063,
      lng: -104.080781
    }
  ];

  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
    });
  }

}