Solved SP Page Builder

SP Pagebuilider 5.1.19, Google Maps issues

Asked by Jean-Marie Putz 2 years ago Last activity 2 years ago

I will try to give a short but clear description of the issues encountered with Google Maps. Please don't ask me to send a video to understand what's happening...

What works correctly: Al the maps I created in version 3.x work properly. The map appears with correct data and the pins on the right place on the map, and in all browsers I have tested (Safari, Chrome and Firefox.
What does not work
• Maps created with previous version of SP PageBuilder

° Updates on an existing map is not working. Adding new locations on existing map has no effect and they are not shown on the map. The map itself is still visible on all browsers. Of course I have checked if the new locations are present in the addon...

• Maps created with version 5 of SP PageBuilder

° On Firefox and Chrome, no map appears. I use to work with Safari, but I use to test all my pages with Firefox, which I use only for this purpose (makes it easier to clear cache without sometimes...).

° On Safari, I was surprised to see the map appear...
But: The map appears on Safari, (correct map) but the pin is always located on Chittagong. I imagine that the default location keeps appearing, making the map unusable. I guess this can help you to sort out the problem.

Accepted answer

Marked as the solution

Ofi Khan Staff

2 years ago

Sorry, I do not get your issue. You have used the HTML like this

<a href="/link_url" style="some styling">Link</a>

The issue is that if you use style attribute there, then the pin does not show. You can use <a> tag without any issues. But do not use style attribute there.

12 more replies

Ofi Khan Staff

2 years ago

Hello Jean-Marie Putz

Apology for the inconvenience. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.

Best regards

Jean-Marie Putz Asked this

2 years ago

Thank you for your reply.

I have retested the addon.
The problem of Chittagong is not relevant. It comes probably from an unintended click on "more locations", which automatically creates a default location.

I also can see the map on the different browsers. I purged the server side cache, may be this helped.

But the main problem remains: on new added locations, no pin appears.

To test it, see the page in the category Travels:
India - Unknown India: Ladakh, Karnataka and Telangana

You will see a first Google Map on top of the screen with 3 locations in South India. Those have been added with version 3 (Badami, Bangalore and Belur). I recently added a new one (item 3: hemis Gompa in Ladakh). This one is not visible.

If you scroll down the page, you will see another Google Map, called Test with Hemis...
This map is created with version 5. It is centered on Ladakh (Hemis is in Ladakh) but no pin is visible.

I guess this is in fact the only problem left in Google Maps, but it is quite important.

By the way, since the new version of Google Maps a few years ago, I regularly regret the fact I cannot name locations (I mean rename the label "Item 1", "Item 2 "...) as I have some maps with multiple locations. This was not the case in the old version ( the one of before Google Maps stopped to be free of charge...)

I hope this will help you to locate the problem.

Best regards,

Jean-Marie Putz

Ofi Khan Staff

2 years ago

Please check this page and explain the error. I have added Ladakh location.

Jean-Marie Putz Asked this

2 years ago

Yes, I saw the page with a pin on Ladakh...

But I guess you have created directly a SPPB page, so probably you did not follow the same workflow I do.

I create first a Joomal page, with all needed data on Joomla level, including tags and categories and triggering Google index, keywords, metadescription and predictible URL, and than in "content" I chose "SPPB" editor. This is the only way I am confident with, and this has worked great for my 2200 indexed pages by Google...

I added a test map on the page to test it like I said earlier. If you are able to add a location with visible pin on that page, please explain me what I do wrong.

Ofi Khan Staff

2 years ago

Please share direct links. This will help me to investigate easily. For example, I have checked this article (in the hidden content). It looks okay.

Jean-Marie Putz Asked this

2 years ago · edited

That's right. But this map has been published with the version 3.9 of SPPB, like 99% of the maps on the site.

Only files created or updated with versin 5.1.x have the problem, this one for instance: https://www.travel-video.info/en/india-unknown-india-ladakh-karnataka-and-telangana.html
There you see 3 pins : Bangalore, Badami and Belur in South India. (added in 3.9) (base + item 1 + item 2)
But if you look on Back page editor, you will 4 items: I added Hemis Gompa in Ladakh, and this one does not show a pin. (item 3). Hemis Gompa has been added in version 5.1.x

On the text map, a bit lower on the page, you will see 0 pins, but on the editor page there are 2 locations, Hemis Gompa and Hyderabad. This map is created with version 5.1.19

Ofi Khan Staff

2 years ago

I have found the issue. In the Google Maps item, you cannot use inline CSS for info window. You had style attribute inside HTML a tag. I have removed it and the pin is shown. I have modified the location while doing investigation. You can check and insert the correct lattitude, longitude.

https://prnt.sc/GNzoTa3MIBmp

Jean-Marie Putz Asked this

2 years ago

Hi Ofi,

Good that you have found the reason why pins are not displayed...
However, there is no inline CSS in the info window, it is just the link to the concerned page, and this link is used in most of my maps, and this is just HTML... So this would mean the HTML code is stripped when sent to Google...?
Visually it is better, but functionally this makes the page poorer..., and again, this was not the cases in version 3.9

Ofi Khan Staff

2 years ago

If you need CSS, then use in Custom CSS file. This will work fine and you will able to style with one CSS probably.

Jean-Marie Putz Asked this

2 years ago

Hi,

Again, I do not need CSS within Google Maps, and I never used CSS there.
What I need, is to help the visitor to go directly to the concerned page of my site from the Google Map, by clicking the pin then the link which is in the info window, ( that's why you see the HTML code of link to the page there, again not CSS...).
And I use this since the beginning of my travel website... so I do not understand why it has become a problem since version 5.1.x of SPPB.
This is not a Google restriction, as it works on all old pins...