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:
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
Post a Comment