Markers get chopped on Browser Zoom

[myGitHubForum]

I notice that Markers get chopped when doing the following steps.

• Load the page.
• Browser zoom in (Example: 110%)
• View the markers - Gets chopped off.

When you refresh the region and put the markers back also looks markers as chopped of.
I would appreciate if you could provide any solution regarding this. Attached the picture.

[nmccready]

This is probably a css issue where bootstrap and google are not playing nice. Also what browsers are you seeing this in?

[myGitHubForum]

I am looking in all the browsers. The image I have provided is angular-maps demo. I would appreciate if any solution is provided.

[myGitHubForum]

I see it has been added to 2.1.7 milestone. Can I know when is the plan to release 2.1.7?

[nmccready]

@myGitHubForum not sure I have lots of other things to do. If you need it immediately pleas dig into the code base. If you need it faster then you need to hit me up over email.

[myGitHubForum]

Thanks for the response. I tried digging into code but no luck. It would be nice if you can provide me the email address to touch base regarding this. Thank you!!

[nmccready]

@myGitHubForum its on my profile

[myGitHubForum]

Sent an email. Thanks.

[nmccready]

So I think this is a google maps problem and not ours.

See https://developers.google.com/maps/documentation/javascript/examples/marker-animations-iteration example and and then change the zoom to %150.

You should see something like this post dropping markers a few times.

[nmccready]

As stated in the email you might want to figure out the if zoom changed for the browser (if you can). If it does then tell the map to resize (look up on google).

http://stackoverflow.com/questions/995914/catch-browsers-zoom-event-in-javascript

ressize
http://stackoverflow.com/questions/743214/how-do-i-resize-a-google-map-with-javascript-after-it-has-loaded