Markers don't show entirely on google maps -


Markers are not fully displayed at some zoom levels. If I add animations to the markers then they all look good.

No animation:
enter Image description here with
with animation:

Markup:

  & lt; Google-map control = "map.control" event = "map.events" center = "map.center" zoom = "map.zoom" option = "map.options" dragable = "{{map.draggable}} "& Gt; & Lt; Layer ng-repeat = "psi bor.selectedreserve" type = "kl leayer" option = "sa.kmlOptions" & gt; & Lt; / Layer & gt; & Lt; Marker ng-repeat = "marker in map.markers" codes = "marker.words" option = "marker option" & gt; & Lt; / Marker & gt; & Lt; / Google-map & gt;  

My marker options :

  var defaultMarker = {options: {icon: {url: Http: //chart.apis.google.com/chart? Chst = d_map_pin_letter & amp; Chld =% E2% 80% A2 | '+ Color.substring (1), size: new google.maps.size (71, 71), original: new google.maps.Point (0, 0), anchor: new google.maps.Point (17, 34) , Scale size: new google.maps.Size (15, 15)}}, Course: {"Latitude": Location.lat, "Longitude": location.lng}};  

What I tried:
- Disabling the bootstrap
- changing the marker option
- marker to z-index Adding options
- Refresh the map

Used relevant technologies :
- Bootstrap 3
- angular / angular-Google-maps


Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -