Support » Plugin: Out of the Block: OpenStreetMap » Not able to locate Gutenberg block + fatal errors.

  • Hey Giorgos

    I installed and activated the plugin to use on a customer site.
    Then went hunting for the Gutenberg block…. I did not find it.
    I then went to a local dev site I have and installed and activated the plugin there. Still not able to locate the Gutenberg OpenStreeMap block. Then I happen to scroll to the bottom and noticed the WP OSM Plugin Shortcode generator…hmmm as a meta box….hmmm. Not sure I like that. I do understand as it gives a lot more space to show icons and whatever else.

    BUT…. it would be a lot better if you create the Gutenberg block. So a user can add the block and see the options in the sidebar. Having logical panels for each section. The icons would perhaps be seen 18 at a time, then click to icons page 2,3,4 etc. All of them seen in a panel. Or use the toolbar with a kind of drop down panel showing a lot of icons.

    Make interaction as part of the Gutenberg layout.

    Ps
    I added the shortcode, but it mentioned something about accepting cookies before seeing the map, so I went back to check it out again. The tabs were gone and suddenly all the icons where seen in one area. I am thinking this has to do with the newest Gutenberg plugin 9.5.2 and WordPress 5.6. As I am seeing a bit of errors here and there.

    These are the errors I am seeing:
    Uncaught ReferenceError: ol is not defined
    at post.php?post=5&action=edit:1354
    post.php?post=5&action=edit:1533 Uncaught ReferenceError: ol is not defined
    at post.php?post=5&action=edit:1533
    post.php?post=5&action=edit:1662 Uncaught ReferenceError: ol is not defined
    at post.php?post=5&action=edit:1662
    post.php?post=5&action=edit:2553 Uncaught ReferenceError: ol is not defined
    at post.php?post=5&action=edit:2553
    post.php?post=5&action=edit:445 Uncaught TypeError: map_ol3js_2.updateSize is not a function
    at post.php?post=5&action=edit:445
    at dispatch (load-scripts.php?c=1&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.6:2)
    at v.handle (load-scripts.php?c=1&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.6:2)

    post.php?post=5&action=edit:412 Uncaught TypeError: AddMarker_map.updateSize is not a function
    at HTMLLIElement.<anonymous> (post.php?post=5&action=edit:412)
    at HTMLLIElement.dispatch (load-scripts.php?c=1&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.6:2)
    at HTMLLIElement.v.handle (load-scripts.php?c=1&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.6:2)

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi,

    can you share some screenshots? The plugin doesn’t register any shortcode (it is just a Gutenberg block), so you shouldn’t see any shortcode generator. From a Google search I did, I see that there is another plugin, called OSM OpenStreetMap, which seems to register a shortcode generator with that name. Is there any chance that you installed a different plugin, which happens to have a similar name?

    Thread Starter Paal Joachim Romdahl

    (@paaljoachim)

    O man…..-blush- You are so very right!
    I installed the wrong plugin. It is a duh moment…

    I am here so I will give some feedback.

    First thing I noticed (ok after seeing the Gutenberg block that is) and adding it to the layout is that it would be nice to stretch the map as if it was an Gutenberg image. With the blue lines along the sides. I did change the height in the sidebar.

    I find the correct location on the map. I see the blue pin icon in the sidebar. I drag the blue icon and try to drop it on the map. I end up seeing it above the map, as a separate image.

    Next I wonder how to add a pin to the location. I give up and watch your video. Stop the video to experiment with the map. I wrote the address of the location in the keywords box and suddenly a pin showed up.
    Here it would be good to have an easy way to just add a pin in place. Perhaps by clicking an icon in the block toolbar, or having it in the sidebar close to the Change icon pin.

    Next step. Do a preview. The map is in place.
    Back to edit. I did not add the name of the store, so I click the pin and removed the information. (Here it would be nice to edit the information.) I copied the address before starting over. I try to add the name of the store, but that is not working. So it reverts to the address.

    65A, Kirkeveien, Majorstuen, Frogner, Oslo, 0364, Norway

    Ahh I went back to your video again. I see I am able to edit the text above the pin. (That was not as easy to see as I struggled with this for a while.) Nice to also see that I can add an inline image.

    I did not see any variation of the map types. As the one that was available did not look so nice as I had hoped.

    First thing I noticed (ok after seeing the Gutenberg block that is) and adding it to the layout is that it would be nice to stretch the map as if it was an Gutenberg image. With the blue lines along the sides. I did change the height in the sidebar.

    The block supports full and wide width, as long as the theme supports it as well, via add_theme_support(). At the end of the demo video you can see it in action with the twenty-twenty theme.

    I find the correct location on the map. I see the blue pin icon in the sidebar. I drag the blue icon and try to drop it on the map. I end up seeing it above the map, as a separate image.

    You mean that you have difficulty on dragging the marker to change its location? If so, can you tell me the browser/OS to give it a try?

    Next I wonder how to add a pin to the location. I give up and watch your video. Stop the video to experiment with the map. I wrote the address of the location in the keywords box and suddenly a pin showed up.
    Here it would be good to have an easy way to just add a pin in place. Perhaps by clicking an icon in the block toolbar, or having it in the sidebar close to the Change icon pin.

    I believe I know what you mean. Due to the restrictions of the OpenStreetMap API, I couldn’t have a “find-as-you-type” suggestions functionality, So, in order to see the suggestions you have to either click on the search button or press Enter. You can read more about that if you like. Find-as-you-type was my first intention too, but there was the technical limitation.

    Next step. Do a preview. The map is in place.
    Back to edit. I did not add the name of the store, so I click the pin and removed the information. (Here it would be nice to edit the information.) I copied the address before starting over. I try to add the name of the store, but that is not working. So it reverts to the address.

    65A, Kirkeveien, Majorstuen, Frogner, Oslo, 0364, Norway

    Ahh I went back to your video again. I see I am able to edit the text above the pin. (That was not as easy to see as I struggled with this for a while.) Nice to also see that I can add an inline image.

    Yes, to edit the popup content you simply have to open it and start typing in it. You can even have WYSIWYG text or images. I found it to be the most straightforward way to edit a marker’s description (of course, as long as you know that you can actually do it).

    I did not see any variation of the map types. As the one that was available did not look so nice as I had hoped.

    Currently, the plugin supports 3 Tile Layer providers: OpenStreetMap, which is the default, Stamen, and MapBox, which require an free API key. You can set your preferred provider from the block’s settings on the sidebar.

    Thread Starter Paal Joachim Romdahl

    (@paaljoachim)

    Hey

    With the blue lines along the sides. I did change the height in the sidebar.
    –> It is great that the plugin supports full and wide width.
    I was thinking about the blue thin border lines on the right and bottom sides of an image block. With a blue dot in the middle. One can drag the blue lines out and in.

    I am using Chrome and I am on OSX 10.15.7.

    Stamen looked on my system as an artsy drawing. It did not resemble a map.
    I assume since I lack an API key for MapBox and Stamen that they looked like they did.

    Have a great day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Not able to locate Gutenberg block + fatal errors.’ is closed to new replies.