# Post Location

#### **Activate Plugin**

***

If you have not activated the **WP Post Location** plugin yet, navigate to **Appearance > Install Plugins** page, install and activate the plugin.

***

#### **Plugin Settings**

***

Navigate to **Appearance > Customize > WP Post Location** panel

<figure><img src="https://2226487161-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVWDZMetj6mBqmoSajgK%2Fuploads%2FOil6BGHwyIgoLvIo56Md%2F8282682942.png?alt=media&#x26;token=3fcc93c7-4835-46d2-839e-957c6d724086" alt=""><figcaption></figcaption></figure>

You can select the map provider from the **General** section and other options, [**Open Street Map**](https://www.openstreetmap.org/) is selected by default

If you wish to use **Google Map**, don't forget to set your own **Google Map API key** which must support these two APIs

* **Maps JavaScript API**
* **Places API**

<figure><img src="https://2226487161-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVWDZMetj6mBqmoSajgK%2Fuploads%2FQ3Q2zfMCSc4c1fsCqed7%2F2237507972.png?alt=media&#x26;token=1399e6d4-92ea-4d4f-b69f-30e394e87816" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Read more about [Google Map API key](https://developers.google.com/maps/documentation/javascript/get-api-key)
{% endhint %}

{% hint style="warning" %}
Remember to restrict the API key before using it in production
{% endhint %}

<figure><img src="https://2226487161-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVWDZMetj6mBqmoSajgK%2Fuploads%2Fbcpg5z3BkwB7M5fuhwQ4%2F7644422461.png?alt=media&#x26;token=f551676d-6d64-4f2b-827e-7e0bfa640487" alt=""><figcaption></figcaption></figure>

***

#### Setup Widget

***

Navigate to **Appearance > Widgets**, drag and drop the **\[WP Post Location] Post Location** widget into the sidebar as you wish, for instance: **Content Bottom**, you may leave defaults or enter a Title, Zoom number and the Height of the map.

<figure><img src="https://2226487161-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVWDZMetj6mBqmoSajgK%2Fuploads%2FS3bzIvwBriolyJ4ztrx2%2F1774542297.png?alt=media&#x26;token=e9538bc6-09ba-408c-a3ab-973835849642" alt=""><figcaption></figcaption></figure>

***

#### **Add World Map Page**

***

* Create a new or edit an existing page with Elementor
* Select a template

<figure><img src="https://2226487161-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVWDZMetj6mBqmoSajgK%2Fuploads%2FgvWkKe34s8fVBy4EJeux%2F7244008616.png?alt=media&#x26;token=6cc8356f-4001-4e3f-9749-20fc48a140bf" alt=""><figcaption></figcaption></figure>

Search **wp post location**, drag and drop the widget into the builder section as you have known

<figure><img src="https://2226487161-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVWDZMetj6mBqmoSajgK%2Fuploads%2FoPi2iMYxGFx2Y0uJ8O1D%2F6874589716.png?alt=media&#x26;token=a0e54e2d-333e-460a-9627-309660cfb443" alt=""><figcaption></figcaption></figure>

Save Changes (**Update/Publish**)

{% embed url="<https://www.youtube.com/watch?v=EDFmjh_nrzU>" %}

***

#### **Add Post Location**

***

* Add a new or edit an exising post
* From the Location box, locate the address, click on the map to add a marker and save changes

<figure><img src="https://2226487161-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqVWDZMetj6mBqmoSajgK%2Fuploads%2FeEfU2XgfQnpBSWDCvc47%2F2858606817.png?alt=media&#x26;token=289aeb42-c275-46b5-8819-ffb7d45cba72" alt=""><figcaption></figcaption></figure>

{% embed url="<https://www.youtube.com/watch?v=XEV46MTDrpw>" %}
