Google Maps

Google Map

Google Map plugin suggests locations for users event when adding a location in WP Event Manager. The locations are highlight directly from Google Maps and updates with each new event being typed.

 

Installation

You can install this plugin same way as installing the WP Event Manager so please refer installation guide of the WP Event Manager or refer to this Installing Plugins Guide.

 

The Shortcode Setup

Create a new page, name it something along the lines of “Google Map” then inside the content area add the shortcode:

  • maps_type – give map type like roadmap,satellite,hybrid or terrain. Click here for more info.
  • height – Map height in pixel.
  • width – Map width in pixel.
  • categories – Give category slug separated by comma.
  • event_types – Give event type slug separated by comma.
  • featured – Featured events true / false.
  • location – location value for example berlin,london.
  • keywords – keywords value for example party,meeting.
The Shortcode Setup

 

Single Event Location Shortcode

Create a new page, name it something along the lines of “Google Map” then inside the content area add the shortcode:

  • event_id – Give perticular event id .
  • maps_type – give map type like roadmap,satellite,hybrid or terrain. Click here for more info.
  • height – Map height in pixel.
  • width – Map width in pixel.
  • event_id – Give perticular event id .
The Shortcode Setup

 

It is best to insert the shortcode into the ‘text’ view of the visual editor to ensure it gets formatted correctly.

The “[single_event_location_map]” shortcode will give following output at the frontend side:

The Shortcode Setup

 

Distance Units

To optimize the search feature of your website, this plugin adds a filter that allows the visitors to select the distance unit miles or kilometers to apply the filters. They can choose this using the dropdown selectors.

Distance Units

 

Events Proximy search

When displaying search results you can even choose to display Google map with markers representing each event’s location in the list results. The map will be displayed above the list of results.

Events Proximy search

 

Events Proximy search

When displaying search results you can even choose to display Google map with markers representing each event’s location in the list results. The map will be displayed above the list of results.

Events Proximy search

 

Results on google map

Maps are more convenient to understand. So it’s a great idea to display the events on maps, so that users can find them quickly and conveniently. When displaying search results you can choose to also display Google map with markers representing each event’s location in the list results.

Events Proximy search

 

Sort-by Dropdown Menu

WP Event Manager- Google Maps add-on enhance the “order by” functionality as well and now let you create a dropdown select box and let the users change the order of the results. You can easily create a dropdown select box with any of the values: Distance, Title, Featured and date to be sorted by.

Sort-by Dropdown Menu

 

Google Address Autocomplete

Google address autocomplete feature saves the visitor the effort to type in the complete message. As soon as the visitor enters a few letters of the address, a list of all the possible addresses will be displayed(as shown in the image). This feature will be available on the new/edit event form as well as search form. Google address autocomplete will display suggested results while the user is typing an address.

Google Address Autocomplete

 

Google Map At Single Event Page

The event page that will show all the detail of a single event can have a map that displays the event’s exact location on it.

Google Map At Single Event Page

 

Google Map Settings

you can go Admin-> Event Listings -> Settings is a page where you can configure the plugin.You will see a tabbed interface indicating accessible settings:

Google Map Settings

 

Google Maps Gerenal Settings

The google map gerenal settings tab includes the following settings:

Google Maps Gerenal Settings

 

Google Maps Search Form Settings

The google maps search form settings tab includes the following options for the search event location in Google Maps :

Google Maps Search Form Settings

 

Google Maps Single Page Settings

The google maps single page settings tab includes the following settings:

Google Maps Single Page Settings

 

Advanced: Overriding/Customizing the templates

For overriding or customization template files can be found in the wp-event-manager-google-maps/templates/ directory. To override a template file, first you need to create directory “wp-event-manager-google-maps” under your theme folder and copy the template file to “/wp-content/yourtheme/wp-event-manager-google-maps/” directory. Your theme will use all the template files from the “/wp-content/yourtheme/wp-event-manager-google-maps/” directory instead of the plugin’s template file (/wp-content/plugins/wp-event-manager-google-maps/).

  • event-google-maps.php template file lists the user’s maps.

Remember: if you have overrided template file and plugin frequently updating then you need to sync template file with new updates from the plugin’s template file for better functionality and new features.