Gutenberg Error

Sounds interesting. I cannot recreate this. Could you give me more details on the theme you’re using perhaps?

Check out my screenshots:

View post on imgur.com

View post on imgur.com

Hmmm, thats strange, I’m using Generatepress which is generally regarded as a very well coded theme as it always adheres to WordPress coding standards. I would have said its a plugin causing the issue but how would it still work in the classic editor?

Whats really odd is if I press the preview button in the editor the map displays on the preview page, but if I press update and publish the change it doesn’t display on the published page. The div wrapper is there, just empty.

ok, so it seems I was getting the issue with the map not displaying at the bottom of the post because I was also trying to display another map full-width after the header using a Advanced Custom Fields to ‘inject’ the map after the header using a theme hook.

Basically I have a Wysiwyg Editor ACF field for the map shortcode. I then call this field in the after_header hook like so:

<div><?php the_field(‘map’); ?></div>

And it’s this implementation of the shortcode which causes the JS error and prevents the map from displaying. So I’m now thinking it’s more likely an ACF field issue, but any advice would be appreciated.

ok nevermind it appears I wasn’t writing the shortcodes correctly.

Now I’ve been able to test the plugin/maps correctly I have a few queries.

– When adding a GPX is there no way for the map to zoom to the area where the GPX is located without having to manually add an address or coordinates?
– I disabled mousewheel zoom and drag as I will be using full-width maps and don’t want people getting stuck on maps. When testing on mobile (safari), if you interact with the map using the zoom controls or pinch zooming then there is a delay before you can scroll past the map again.
Ideally it would use this gesture handling leaflet plugin:
https://github.com/elmarquis/Leaflet.GestureHandling
Demo – https://elmarquis.github.io/Leaflet.GestureHandling/examples/
This still allows scrollzoom on desktop and works perfectly on mobile

• This reply was modified 6 years, 7 months ago by andyt1980.
• This reply was modified 6 years, 7 months ago by andyt1980.

I was working on a function to zoom to all relevant layers, but I don’t think it’s finished. You could set the map center to the location, but I agree it’s not a great solution for dynamic maps. I’m not aware of a mobile delay.