[Resolved] maps not work (rounded on a simple address and not display on a dynamic source)

[Author]

Posts

[thomasH-22]

Hi !

When i add a map with a single marker, map is rounded, you can see here : hidden link but not in the editor.

And when i add a dynamic source map is blank. Maps JavaScript API, Places API and Geocoding API are enable... any idea ?

Thx

[Nigel]

Hi there

That's very odd! I suspect it is some styling interfering with the tile images the Google map is composed off. I inspected the page but I couldn't spot where that was happening, but you could likely confirm if that is the case by switching to another theme and re-checking, and if that doesn't confirm it, try de-activating all the non-Toolset plugins temporarily.

I don't know how you set up the map to work with dynamic sources; it would probably help if we could take a look at your site to see what you have done.

Let me mark your next reply as private so that we can get log-in credentials from you—you may want to create a temporary admin user for us to use that you can later delete. And be sure to have a current backup of your site.

Can you give more details about what you are trying to set with dynamic sources?

[Waqar]

Hi Thomas,

Thank you for sharing these details, but we're having difficulty in accessing your website's admin area.

If there are some GEO IP restrictions added at the server or the plugin level, can you temporarily remove them, until this troubleshooting concludes?

regards,
Waqar

[thomasH-22]

Hi ! can you access to the front ? i haven't geoip. What message have you ?

regards,
Thomas

[Waqar]

I was able to access the website. Earlier it was showing the '502 Bad Gateway' message.

During troubleshooting, I found this custom CSS code which is causing the roundness of the map element images:

img {
border-radius: 50%;
}

You'll find it at WP Admin -> Appearance -> Customize -> Additional CSS.
( screenshot: hidden link )

This style forces 50% roundness of images, wherever they are found/used.

To exclude these images used inside the Google Map area, you can additionally include the following CSS code below the existing one:

.gm-style img {
 border-radius: 0% !important;   
}

> I want to show a map with the list of "annuaire des professionnels" and filter it with the search form

- For showing a list of "annuaire des professionnels" post with search form, you'll need to create a view as explained in this guide:
https://toolset.com/lesson-placement/lesson-placements-1621261-1622283/

If you face any difficulty in creating this view, please share the link to the page where you're working with it and I'll suggest the next steps, accordingly.

[thomasH-22]

Hi ! Thx for the image radius !

For my filtrable map, it's for this page : hidden link

With the Modèle de contenu > "annuaire" (id 3578) where i have a map with a data source for markers. 🙁

Thx

New threads created by Waqar and linked to this one are listed below:

https://toolset.com/forums/topic/split-filtrable-map-not-working/

[Waqar]

Thanks for the update and glad I could help with the image radius issue.

I've created a separate ticket for your question about the filterable map and will follow up on that shortly.
( ref: https://toolset.com/forums/topic/split-filtrable-map-not-working/ )

You're welcome to mark this ticket as resolved and start a new one, for each new question or concern.