Div-idy logo

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.

Updated Time: ~2–3 minutes Audience: Beginners

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.