title: Plotting LatLng coordinates from Json Array on Google Map --- the markers all stack up in the same location
body: <p>I have a Json array that contains latitude and longitude coordinates.  Here's a sample:</p>
  
  <pre><code>"zones":[{"Zip":35824,"Latitude":34.647995,"Longitude":-86.738549},...
  </code></pre>
  
  <p>I'm attempting to use loop over the array to parse the coordinates and plot them on a google map.  Here's my Javascript:</p>
  
  <pre><code>function getLocations() {
  
      $.getJSON("http://localhost:1117/zones/latlng", function (json) {
  
          var location;
  
  
          $.each(json.zones, function (i, item) {
              location = item.Latitude + ',' + item.Longitude, addMarker(location);
          });
  
      });
  };
  
  function addMarker(location) {
      marker = new google.maps.Marker({
          position: new google.maps.LatLng(location),
          map: map,
          icon: redImage
      });
      markersArray.push(marker);
  }
  </code></pre>
  
  <p>My problem is the markers end up stacked on top of each other plotted in the upper left corner of the map (right in the middle of the ocean).  The location where the markers stack appears nowhere in my Json array.  What did I do wrong?</p>