title: Google Maps with dynamic markers Circular tiling issue
body: <p><a href="https://i.stack.imgur.com/kUAO9.png" rel="nofollow noreferrer">Map with Markers</a></p>
  
  <p><a href="https://i.stack.imgur.com/kUAO9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kUAO9.png" alt="enter image description here"></a></p>
  
  <p>I am getting this map as a result of following script:</p>
  
  <pre><code>&lt;script&gt;
         function Initialize() {
  
             google.maps.visualRefresh = true;
             var infowindow;
             $.ajax({
                 type: "GET",
                 url: "/api/Truck",
                 dataType: 'json',
                 contentType: 'application/x-www-form-urlencoded',
                 success: function (data) {
                     var Center = new google.maps.LatLng(data[0].CurrentLatitude, data[0].CurrentLongitude);
  
                     var mapOptions = {
                         zoom: 8,
                         center: Center,
                         mapTypeId: google.maps.MapTypeId.ROADMAP
                     };
  
                     var gmap = new google.maps.Map(document.getElementById("myMap2"), mapOptions);
                     $.each(data, function (i, item) {
                         var marker = new google.maps.Marker({
                             'position': new google.maps.LatLng(item.CurrentLatitude, item.CurrentLongitude),
                             'map': gmap,
                             'title': item.TruckNumber
                         });
                         marker.setIcon('http://maps.google.com/mapfiles/ms/icons/blue-dot.png');
                         google.maps.event.addListener(marker, 'click', function () {
  
                             if (infowindow) infowindow.close();
                             infowindow = new google.maps.InfoWindow({ content: "&lt;div class='infoDiv'&gt;&lt;h3&gt;" + item.TruckNumber + "&lt;/h3&gt;&lt;/div&gt;" });
  
                             infowindow.open(gmap, marker);
                         });
                     });   
  
                 }
  
             })
         }
  &lt;/script&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>myMap2 { 
    width: 1041px; 
    height: 370px; 
    position: relative; 
    overflow: hidden; 
  }
  </code></pre>
  
  <p>I am just wondering why i am getting these circular tiles in map? i tried with differnt zooming values but still map shows these circles</p>