How to Customize Google Maps Markers
You don’t manually configure markers in Div-idy. Just tell Google where the markers are and what you want them to look or act like—Div-idy builds them automatically.
Quick Answer
To customize Google Maps markers in Div-idy, simply list the marker locations in your prompt and describe the marker style or behavior. Div-idy handles marker creation, icons, and interactions automatically.
Basic example prompt
Create a Google Map with markers at:
- Omaha, NE
- Lincoln, NE
- Des Moines, IA
Use blue circular markers and show the city name when clicked.
What you can customize
- Marker color or shape
- Custom icons or emojis
- Popup / info window content
- Click actions (open link, highlight item, etc.)
Tip
You don’t need latitude/longitude—addresses and city names work just fine.
More prompt examples
Custom icons
Create a map with markers at:
- Starbucks, Omaha NE
- Starbucks, Lincoln NE
Use a coffee cup icon for each marker and show store hours in the popup.
Numbered markers
Show these locations on a map:
1. Chicago, IL
2. Indianapolis, IN
3. Columbus, OH
Use numbered markers and auto-zoom to fit all locations.
Interactive markers
Create a map with markers for:
- Denver, CO
- Boulder, CO
When a marker is clicked, highlight a matching item in a sidebar list.
Troubleshooting
- Markers not showing? Make sure Google Maps is enabled for your project.
- Wrong place? Use more specific addresses or include city/state.
- Default pins showing? Explicitly describe the marker style you want.