I followed Yisrael’s wonderful example for multiple markers using the the Google API at Multiple Markers - Google maps API a month or so ago and thought it had been a great success. You can see my rendition here: https://www.northnorfolkstudios.co.uk/2023map .
However, on my macbook, it works fine in Firefox, sometimes in Safari and not at all in Chrome (it flickers, gives you a glimpse of the red markers, then just shows the map). I installed the Chrome Google Maps API Checker extension and it tells me that it is set up ok so I am guessing that it is a problem with a CSS conflict or something - or an iframe thing.
My code is basically the same as that in Yisrael’s example.
Would appreciate any words of wisdom from you codemasters and mistresses out there.
Many thanks,
Nick W
A long time ago, i used the same example, provided by YISRAEL.
Manipulated and optimized it and it was working like a charm, without any problems on CHROME (i am always using CHROME).
Maybe you can try it on another COMPUTER.
If something is flickering, maybe even a graphics-card-problem ?
Prove first, that your written project works well or don’t on another PC.
If you get still same results, then → YES <— something is wrong with your code.
COPY your whole code (which is surely inside of an HTML-COMPONENT) —> open ------> JS-FIDDLE or CODE-PEN ----> paste your whole CODE there and run it.
CHECK IF YOU WILL FIND THERE THE SAME BEHAVIOUR!
I would reccomend JS-FIDDLE.
Many thanks for your comments. I asked various other people to try it and finally ascertained that it was caused by a dark mode extension that I had recently installed…and a good idea about code-pen (with the additional not that the API key would have to be modified to include the new address)