Google Maps stuck on Loading

Resolved Ispeakenglishwell-Ilearnitfromabook
(@emilyvansomeren)

2 years, 4 months ago

I have installed the free Events Manager to display Google Maps on both single event pages and on a separate page to show all events in one map.

On single Event Pages, the generated API key works as it should (see https://worldboatingday.com/events/superyacht-life-mock-event/), but there is one page on which all events should be displayed in one map (https://worldboatingday.com/events-map), and on that page, the map gets stuck on Loading.

I have already contacted Google to check the API settings and they have confirmed it is set up correctly. I am no developer, so I have no idea where to go next. If anyone can guide me in the right direction, I will be very grateful.

The page I need help with: [log in to see the link]

Viewing 4 replies - 16 through 19 (of 19 total)

← 1 2

joneiseman
(@joneiseman)

2 years, 3 months ago

Start with a clean install of wordpress and then just install Events Manager and then add the locations and see if it works. You can then continue to make changes by adding any additional plugins and themes as well as Evnts Manager settings changes until you find the problem.

Thread Starter Ispeakenglishwell-Ilearnitfromabook
(@emilyvansomeren)

2 years, 3 months ago

Thank you for all your help. It has finally been resolved!
rienco
(@rienco)

2 years, 2 months ago
@emilyvansomeren Could you please tell us how you fixed it? We’re facing the same problem here. We have a Javascript error like this:
```
Uncaught (in promise) SyntaxError: Expected property name or '}' in JSON at position 1 (line 1 column 2)
at Function.parse as parseJSON
at em_maps_load_locations (maps.js:41:23)
at HTMLDivElement. (maps.js:136:60)
at Function.each (jquery-3.4.1.min.js?ver=3.4.1:2:2777)
at k.fn.init.each (jquery-3.4.1.min.js?ver=3.4.1:2:1419)
at em_maps (maps.js:136:33)
at js?v=quarterly&libraries=places&callback=em_maps&key=AIzaSyA_y7NmQY28SH0ldRcTe6NdZGgjLyTwee8:288:509
at js?v=quarterly&libraries=places&callback=em_maps&key=AIzaSyA_y7NmQY28SH0ldRcTe6NdZGgjLyTwee8:288:21
```
It’s a error that occurs on this piece of code:
```
function em_maps_load_locations(el){
var el = jQuery(el);
var map_id = el.attr('id').replace('em-locations-map-','');
var em_data = jQuery.parseJSON( el.nextAll('.em-locations-map-coords').first().text() );
if( em_data == null ){
var em_data = jQuery.parseJSON( jQuery('#em-locations-map-coords-'+map_id).text() );
}
```
The JSON looks like this:
```
{“em_ajax”:true,”query”:”GlobalEventsMapData”,”width”:”400px”,”height”:”300px”,”id”:486052607}
```
However in my html it parses html entities:
```
<div class='em-locations-map-coords' id='em-locations-map-coords-1667966170' style="display:none; visibility:hidden;">{“em_ajax”:true,”query”:”GlobalEventsMapData”,”width”:”400px”,”height”:”300px”,”id”:1667966170}</div>
```
Like this:

<div class=’em-locations-map-coords’ id=’em-locations-map-coords-1667966170′ style=”display:none; visibility:hidden;”>{“em_ajax”:true,”query”:”GlobalEventsMapData”,”width”:”400px”,”height”:”300px”,”id”:1667966170}</div>

It seems the quotes are not the correct opening and closing quotes?
- This reply was modified 2 years, 2 months ago by rienco.
Thread Starter Ispeakenglishwell-Ilearnitfromabook
(@emilyvansomeren)

2 years, 2 months ago

@rienco In my case, the cause was a conflict with the Advanced Custom Fields plugin. We added the map shortcode to page.php to bypass this.