Midland 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.352932,
      lng: -102.027531
    },
    mapTypeId: 'satellite'
  });

  var coordinates = [{
      title: "Hasel 19 Battery",
      lat: 31.347015,
      lng: -102.052062
    },
    {
      title: "Cowden 17-1 Battery",
      lat: 31.352932,
      lng: -102.027531
    },
    {
      title: "Lynch 24 Battery",
      lat: 31.339709,
      lng: -102.050575
    },
    {
      title: "Lynch 19 Battery",
      lat: 31.349239,
      lng: -102.057214
    },
    {
      title: "Lynch 18 Battery",
      lat: 31.353548,
      lng: -102.040889
    },
    {
      title: "Lynch 17 Battery",
      lat: 31.361725,
      lng: -102.020869
    },
    {
      title: "Lynch 16 Battery",
      lat: 31.366516,
      lng: -102.005442
    },
    {
      title: "Lilly Battery",
      lat: 31.346849,
      lng: -102.040558
    },
    {
      title: "MANN P1 UNIT - Battery",
      lat: 31.368087,
      lng: -102.000026
    },
    {
      title: "Mann 18-1 Battery",
      lat: 31.351356,
      lng: -102.048658
    },
    {
      title: "Mann 17-1 Battery",
      lat: 31.359074,
      lng: -102.037228
    },
    {
      title: "Mann 16-1 Battery",
      lat: 31.364039,
      lng: -102.012803
    },
    {
      title: "Lynch 27 Battery",
      lat: 31.351179,
      lng: -102.004416
    },
    {
      title: "Lynch 26 Battery",
      lat: 31.346527,
      lng: -102.021133
    },
    {
      title: "Jordyn Battery",
      lat: 31.346379,
      lng: -102.039149
    },
    {
      title: "Hasel 17-1 Battery",
      lat: 31.35474,
      lng: -102.019947
    },
    {
      title: "Hasel 16-1 Battery",
      lat: 31.35863,
      lng: -102.002223
    },
    {
      title: "Cowden 16-1 Battery",
      lat: 31.357073,
      lng: -102.010935
    }
  ];

  var marker;

  for (let i = 0; i < coordinates.length; i++) {
    marker = new google.maps.Marker({
      position: new...