How to customize marker and balloon on google maps?

Question

JavaScript

Hello.

Please tell me or show an example where the following things are used at the same time:
1. Google map.
2. A large number of objects on it
3. Each object has its own marker
4. Each object has its own content (one content output template)
5. Content can be clicked on the marker (optional)

Answer 1

rockmusiciansmap.com

Answer 2

Here are examples of marker customization
https://developers.google.com/maps/documentation/j...
And opening a window
https://developers.google.com/maps/documentation/j...
If you need a large number of objects, then create an array with objects, and then write a function that will render the markers. Attach a click listener to the markers and dynamically create an InfoWindow object in its handler, into which you pass the necessary information from the array.