SP Pagebuilider 5.1.19, Google Maps Issues - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

SP Pagebuilider 5.1.19, Google Maps Issues

JP

Jean-Marie Putz

SP Page Builder 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...

  1. 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.

  2. What does not work

  3. • 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.

0
13 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #139796

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.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #139030

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

0
JP
Jean-Marie Putz
Accepted Answer
2 years ago #139043

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #139421

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

0
JP
Jean-Marie Putz
Accepted Answer
2 years ago #139429

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.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #139579

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.

0
JP
Jean-Marie Putz
Accepted Answer
2 years ago #139585

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #139619

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

0
JP
Jean-Marie Putz
Accepted Answer
2 years ago #139627

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #139666

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

0
JP
Jean-Marie Putz
Accepted Answer
2 years ago #139710

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...

0
JP
Jean-Marie Putz
Accepted Answer
1 year ago #139830

Thanks for this clarification....I'm a little confused! And yet, I knew it was dangerous to reuse areas of my database to generate content in a slightly different context. In any case, thank you for this solution, which I should have seen myself...

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 year ago #139832

Glad that you get it. You are welcome 😊

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on 

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

0