谷歌地图API 3地图上的所有标记都打开相同的信息窗口

Question

I'm working on a website, one page features a styled Google map (Google maps api 3) with several markers - each has their own infowindow. On the staging site there are currently 40+ markers.

My client (chrome 49 on pc) mentioned that every marker is opening the same infowindow on click. I checked on my machine and each marker was revealing it's own infowindow as expected. I tested on my android phone and noticed both that the map was incredibly sluggish and that each marker click indeed opened the same infowindow.

My current best guess is that this is caused by low CPU devices or that I am not using the best event delegation.

Here's the code I am using to init the map and add the markers + info windows - http://pastebin.com/2RxQPWsd

Is this issue being caused by some code I can improve or is this due to limitations of the Google Maps API on low CPU devices?

Thanks!

Christopher

Answer 1

I am still waiting for my client to confirm this is fixed on their computer but I can confirm that I managed to fix this issue on android and ios (simulator).

I owe my solution to this previously posted stack Google Maps API v3: custom markers not clickable on mobile devices

My script was using strings for width and height of size properties and x and y of achor properties for the icons. The attached stack post mentions similar issues being resolved by changing the string to integers. Changing the strings to ints ex. "30" to 30 appears to have resolved the issue for me!