--- title: "How to add custom markers in Google Maps in WordPress?" url: https://nexterwp.com/docs/how-to-add-custom-markers-in-google-maps-in-wordpress/ date: 2023-02-01 modified: 2026-09-13 lang: en author: "Aditya Sharma" description: "A branded marker, such as your logo or a store icon, makes your locations stand out from other places on the map. The free Google Map block in Nexter Blocks..." image: https://nexterwp.com/wp-content/uploads/2024/05/how-to-add-custom-markers-in-google-maps-in-wordpress-1024x519.jpg word_count: 292 --- # How to add custom markers in Google Maps in WordPress? ## Key Takeaways - Nexter Blocks’ free Google Map block sets a marker image for each pin, and pins without one keep Google’s red marker. - Google Map requires the block to be switched on under Nexter > Blocks and a Google Maps API key saved under Nexter > Extra Options > Settings. - Tooltip Icon uses a small PNG or SVG with a transparent background, around 40 to 60px tall, and Image Size controls how large the marker appears. A branded marker, such as your logo or a store icon, makes your locations stand out from other places on the map. The free Google Map block in Nexter Blocks lets you set a marker image for each pin. *For every Google Map setting in one place, see the [Google Map block guide](https://nexterwp.com/docs/add-google-map-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-google-maps/) ## Before You Start - **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Google Map, switched on under **Nexter > Blocks** in your WordPress dashboard.- **A marker image:** a small PNG or SVG with a transparent background, around 40–60px tall.- **A Google Maps API key** saved under Nexter > Extra Options > Settings. ## Steps - Add the **Google Map** block and open **Content** on the **Layout** tab. - Open a pin under **Pins** and upload your marker in **Tooltip Icon**. ![The Tooltip Icon and Image Size fields in a Google Map pin](https://nexterwp.com/wp-content/uploads/2026/09/google-map-pin-icon.webp) - Pick an **Image Size**. The marker appears at that image size, so choose one close to the size you want. - Repeat for other pins if they need their own marker, then save. ## How It Behaves - Each pin uses its own **Tooltip Icon**. Pins without one keep Google's red marker.- The tooltip text from **Tooltip Content** still opens when the marker is clicked. ![A Google Map with a custom marker image in place of the default pin](https://nexterwp.com/wp-content/uploads/2023/02/google-map-marker-preview.png) ## Limitations - There is no separate width or height setting for the marker. Resize the image before uploading, or use **Image Size**.- Large images show at full size and can cover the map. Keep marker files small. ## Troubleshooting ### The marker is huge Upload a smaller image, or choose a smaller **Image Size** such as Thumbnail. ### The default red pin still shows The image was added to a different pin. Open each pin under **Pins** and check **Tooltip Icon**. ## Related Docs - [Google Map block: all settings](https://nexterwp.com/docs/add-google-map-in-wordpress/)- [Add multiple locations to a Google Map](https://nexterwp.com/docs/add-multiple-locations-google-maps/)- [Generate a Google Maps API key](https://nexterwp.com/docs/generate-google-maps-api-key/) ## Frequently Asked Questions **Q: What do I need before adding custom markers in Google Maps in WordPress?** A: A small PNG or SVG with a transparent background is the key piece, and the page suggests keeping it around 40 to 60px tall. Nexter Blocks also needs the Google Map block switched on under Nexter > Blocks, plus a Google Maps API key saved under Nexter > Extra Options > Settings. That setup matters because the marker image is applied per pin, so a clean, small file gives you better control over how each location looks. **Q: How do custom markers work on a Google Map block with multiple pins?** A: Each pin gets its own Tooltip Icon, so markers are set per location instead of globally. That means one store can use a logo while another pin keeps a different icon, and any pin without a marker image keeps Google’s red marker. The tooltip text from Tooltip Content still opens when the marker is clicked, so the icon changes the look without changing how the pin behaves. **Q: What is the best image size for a custom map marker?** A: The safest choice is an image that already matches the size you want, because the marker appears at the selected Image Size. The page recommends a small PNG or SVG around 40 to 60px tall, which helps avoid oversized pins that cover too much of the map. If you need tighter control, resize the file before uploading or pick a smaller Image Size such as Thumbnail. **Q: Why does my custom marker look huge on the map?** A: Large images show at full size and can cover the map, so the issue usually comes from uploading a file that is too big or choosing an Image Size that is too large. Nexter Blocks lets you fix that by uploading a smaller image or selecting a smaller Image Size such as Thumbnail. Keeping marker files small matters because there is no separate width or height setting for the marker. **Q: Why is the default red pin still showing on my Google Map?** A: That usually means the image was added to a different pin. Each pin uses its own Tooltip Icon, so one missed pin will keep Google’s red marker even if another location has a custom image. Open each pin under Pins and check its Tooltip Icon field, especially if you added multiple locations and only some of them changed. **Q: Can I use custom markers with multiple locations in one Google Map?** A: The setup works per pin, so multiple locations can each have their own marker image in the same map. That makes it useful when different branches, stores, or offices need distinct icons instead of one generic pin. If you are building out several locations, [Add multiple locations to a Google Map](https://nexterwp.com/docs/add-multiple-locations-google-maps/) pairs naturally with this because each location can carry its own Tooltip Icon.