• Home

  • How to add Ootb Openstreetmap in Wordpress

Banner for Ootb Openstreetmap
A map block for Gutenberg using OpenStreetMap and Leaflet that needs no API keys and works out of the box. Or should we say, ...Out of the Block? Wordpress Tutorial
Noted That:
  • To install correctly this ootb-openstreetmap.zip .
  • Fisrt Download the ootb-openstreetmap.zip to your computer
  • Extract/Open ootb-openstreetmap.zip to Your Computer.
  • Then, Find readme.txt file inside ootb-openstreetmap.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " ootb-openstreetmap.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Ootb Openstreetmap

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Ootb Openstreetmap

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Ootb Openstreetmap

Step-5 : Now, Browse " ootb-openstreetmap.zip " Downloaded plugin from your computer, Where you downloaded " ootb-openstreetmap.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Ootb Openstreetmap

Step-6 : Now, Click on " Active Plugin "

Activate Ootb Openstreetmap

Step-7 : Then, See left Side Menu. " Ootb Openstreetmap " folder is added on left Side Menu. Now, Click on " Ootb Openstreetmap " folder.

Noted that: If you do not see " Ootb Openstreetmap " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Ootb Openstreetmap Configurations and Settings or How to work " Ootb Openstreetmap " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Out of the Block: OpenStreetMap " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Out of the Block: OpenStreetMap
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the plugin to your WordPress plugins directory and activate it.
  2. That’s it. You can go to a post/page that supports the Gutenberg editor and start using the block called “Out of the Block: OpenStreetMap”

Name
   How to add Wppageflip in Wordpress
   How to add Ap Twig Bridge in Wordpress
   How to add Mi Tienda Mercadolibre in Wordpress
   How to add Skype Share Button in Wordpress
   How to add Buddyforms Hook Fields in Wordpress