WP Maps – Display Google Maps Perfectly with Ease

July 18, 2024

WP Maps – Display Google Maps Perfectly with Ease Plugin

Show Google Maps on your site with WP Maps. Enjoy easy settings for unlimited maps and precise locations.

The most advanced yet easy to use Google maps plugin for WordPress. Create beautifully styled, modern & responsive google maps with multiple locations, custom marker icons, marker categories, custom infowindow messages, images and more. Enable marker category filter on frontend to allow users to filter the locations.

πŸ‘‰ Create multiple google maps with different marker icons, marker categories and locations assigned to them.
πŸ‘‰ We have seamlessly integrated support for the major WordPress GDPR plugins – Complianz – GDPR/CCPA Cookie Consent, GDPR Cookie Compliance (CCPA, DSGVO, Cookie Consent), CookieYes | GDPR Cookie Consent & Compliance Notice (CCPA Ready), iubenda | All-in-one Compliance for GDPR and Cookie Notice.

With just few clicks, you will be able to add beautifully designed custom google maps to any page / post or widget with help of generated shortcode.

Try it Now

Explore the WP Maps plugin in the WordPress playground without any installation. Try WP Maps

Contact Dedicated Support team for setup configurations needs or for any other assistance.

Google autosuggest enabled location form helps you as site administrator to create unlimited markers and then assign these markers to a google map. It’s super easy.

Here is a quick highlight on the numerous customizable features offered by the free and pro versions of the WP MAPS PRO Version.

Lite Version (Free)

➑️ It’s fully GDPR-compliant, ensuring secure and privacy-conscious Google Maps integration.
➑️ Create multiple google maps with different marker icons, marker categories and locations assigned to them.
➑️ Add unlimited locations with various information.
➑️ Assign multiple locations to a single google maps.
➑️ Display a info window message to any location.
➑️ Maps Marker Infowindow Open On: Mouse Click or Mouse Hover.
➑️ Display Google Maps on posts/pages using shortcode.
➑️ Centering the map according to assigned locations.
➑️ Decide center latitude and longitude for each map separtely.
➑️ Easy way to assign category to any location.
➑️ Select your marker icon for markers.
➑️ Enable marker cluster functionality for markers.
➑️ Easily edit or delete google map functionality.
➑️ Assign your own markers to categories or choose colorful markers from +500 readymade markers provided by the Maps Icons Collection.
➑️ Select among 4 map type : Roadmap,Satellite,Hybrid,Terrain
➑️ Set your map height and width.
➑️ Set Google maps zoom level.
➑️ Google Maps can be Draggable
➑️ Display traffic real time conditions and overlays using Layers.
➑️ Add bicycle path information to your maps using the Bicycling Layer.
➑️ Enable Google Map Transit layer
➑️ Marker Animation on Click or Mouse hover the marker.
➑️ 45° imagery functionality
➑️ Add circle in your Maps plugin
➑️ Create a Google maps just in seconds.
➑️ Street view supported
➑️ widget supportive : Display Google Maps on sidebars using widget.
➑️ Pov Heading and Pov Pitch for street view.
➑️ Fully Responsive.Display your map perfectly on all devices.
➑️ Create 100% responsive maps effortlessly.Tested on real devices.
➑️ A Cross Browser Compatible plugin. Fully tested on IE8, IE9, IE10 and all major browsers
➑️ Multi-lingual Supported.
➑️ Multisite Enabled and ability to activate it network wide.
➑️ Map Stylization : Customizable Google maps style from https://snazzymaps.com.
➑️ Search control on frontend map to search location easily.
➑️ Filter markers by category.
➑️ No content / data loss when migrating from free version to pro version.

Additional Features Available In Pro

WP MAPS PRO

Pro version plugin contains all the features of free version plugin plus some additional features which are listed below

πŸ‘‰ Listing : Display listing in grid or list style under map. Fully responsive listing.
πŸ‘‰ Map Layers : Display Traffic Layer , Bicycling Layer, Transit layer
πŸ‘‰ Import/Export Locations : Import Export Locations supported using CSV.Sample csv is attached in pro version.
πŸ‘‰ Draw shapes : rectangle, circle, polygon and polyline.
πŸ‘‰ Display unlimited shapes. Display Message on shape click or Redirect to external link.
πŸ‘‰ Direction & Route : Directions & Route Suggestion. Display directions results in KM and MILES.
πŸ‘‰ Sort listing by location, category and address alphabetically in location listing.
πŸ‘‰ Marker Category : Assign multiple categories to a location.
πŸ‘‰ Infowindow Contents: Customize infowindow contents with help of Placeholders.
πŸ‘‰ Display Posts Information, custom fields, taxonomies and featured images on infowindow message using placeholders.
πŸ‘‰ Unlimited number of map markers and locations.
πŸ‘‰ Set your own google map marker icon
πŸ‘‰ Drag and drop feature for markers, custom animation support
πŸ‘‰ Allows to display the user location on map.
πŸ‘‰ Nearby locations based on user’s current location.
πŸ‘‰ Display Posts/Pages or Custom Post Types on google maps using custom fields.
πŸ‘‰ Center the map based on visitor’s current location.
πŸ‘‰ Define overlays on Google maps via an easy to use interface.
πŸ‘‰ Integrate GEOJSON in to google maps.
πŸ‘‰ Display multiple Kml/Kmz Layer on the map.
πŸ‘‰ Fusion Table Layers.
πŸ‘‰ Add Geo location
πŸ‘‰ Add any number of Google maps on pages/posts/sidebars.
πŸ‘‰ Allows to insert the map as widget on sidebars.
πŸ‘‰ Add unlimited locations using an easy to use interface for Google Maps.
πŸ‘‰ Display location title, location category, location latitude, location longitude with location message in the infowindow.
πŸ‘‰ Create unlimited maps and display on posts/pages using shortcode or in sidebar using widget.
πŸ‘‰ Design your own Google map skins easily. Turn ON/OFF roads, places, water area.
πŸ‘‰ Ability to display infowindow on mouse click on mouse hover.
πŸ‘‰ Display your map perfectly on all devices. Create 100% responsive maps effortlessly.
πŸ‘‰ Multi-lingual Supported.
πŸ‘‰ Display physical maps based on terrain information.
πŸ‘‰ Display Google Earth satellite images on just one click.
πŸ‘‰ Display maps in a blend of normal and satellite views.
πŸ‘‰ Setup POV Heading and POV Pitch of Street View to customize Street View output of a location.
πŸ‘‰ Full support of controls of the Google map, such as zoom control, map type control, scale control, street view control, fullscreen and rotate control
πŸ‘‰ Drag and drop feature for markers, custom animation support
πŸ‘‰ Modify Locating Listing using Placeholder.
πŸ‘‰ Hooks Supported – Use actions & filters to modify map,markers,listing and associated html on fly.
πŸ‘‰ Display locations listing with filters & pagination. Fully customizable using backend settings and hooks.
πŸ‘‰ Use “wpgmp_geo_tags_args”, “wpgmp_geo_featured_image”, “wpgmp_geotags_placeholder”, “wpgmp_geotags_content” hooks to extend Posts on google maps functionality as you want.
πŸ‘‰ Use External Database or Sources to add markers on google maps using new filter wpgmp_marker_source.
πŸ‘‰ Load markers from external database or API sources with help of filters (Hooks).
πŸ‘‰ A Cross Browser Compatible plugin. Fully tested on IE8, IE9, IE10 and all major browsers
πŸ‘‰ Multisite Enabled and ability to activate it network wide.
πŸ‘‰ Visit our Pro Edition WP MAPS PRO
πŸ‘‰ Fully extensible & scalable plugin to make it ready for customisations according to website / business requirements.

Live Examples

Links

Upgrade to Pro |
Live Examples |
Developed by flippercode

Installation

This section describes how to install the plugin and get it working.

1. Upload the <strong>wp-google-map-plugin</strong> directory to the <strong>/wp-content/plugins/</strong> folder 2. Once the plugin is uploaded log into WordPress and go to <strong>Plugins</strong> 3. Find the <strong>wp-google-map-plugin</strong>plugin and click Activate Plugin =How to work= 1. Go to <strong>settings</strong> page of plugin and insert your google maps api key. see full instruction [How to create Api key](https://www.wpmapspro.com/docs/how-to-create-an-api-key/) 2. First create your locations using 'Add Location' page. 3. Then create your first map using 'Add Map' page and assign your locations. 4. Each map is assoicated to a shortcode. You can view shortcode on 'Manage Maps' and copy and paste it on your pages or posts. You can display your google maps in the sidebar using widget. 

Documentation

Screenshots

  1. Add marker category page. <ol> <li>Add custom icon to marker category.</li></ol>

    Add marker category page.

    1. Add custom icon to marker category.

  2. Manage marker categories page.

    Manage marker categories page.

  3. Add location page.

    Add location page.

  4. Manage locations page.

    Manage locations page.

  5. Add map page.

    Add map page.

  6. Assign locations to the map.

    Assign locations to the map.

  7. Manage maps page.

    Manage maps page.

  8. Plugin settings page.

    Plugin settings page.

  9. Map block for Gutenberg editor.

    Map block for Gutenberg editor.

FAQ

Is this plugin fully compatible with GDPR regulations for Google Maps integration?

Yes, It is fully compatible with GDPR regulations, ensuring secure and privacy-conscious Google Maps integration.

Can I create a custom marker ?

Yes, you can upload your own marker image or you can choose from readymade icons.

Do I need to calculate latitude & longitude myself ?

No, Address field is google autosuggest enabled so you just start typing and choose your address. Latitude & Longitude will be calculated automatically.

How many locations I can assign to the map?

You can assign as many as location you want to display on google maps.

How to display map on page?

Go to ‘Manage Maps’ and copy the shortcode for your map. Each map will have own shortcode. You just paste that on your page.

Can I display map using widget?

Yes, First create your map and then you can display your map in sidebar from widget section.

How to register google maps api key?

Go to [Google Maps API console]
(https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&keyType=CLIENT_SIDE&reusekey=true&pli=1)
and you can create your google maps api key here.

We have a guide [Important Changes in Google Maps]
(https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&keyType=CLIENT_SIDE&reusekey=true)

How to upgrade to pro version?

You can purchase WP MAPS PRO and then just keep your lite version deactivated and then activate the pro version. You’ll not loss any of your data. Your all data will be migrated to pro version automatically.

Do we have Live Demo?

Yes, You can click on WP MAPS PRO LIVE DEMOS and mail us at hello at flippercode dot com if any pre-purchase query.

Do we have a Documentation?

Yes, You can click on WP MAPS PRO TUTORIALS and you will get all documentation with proper steps and video tutorials.

Do we have offer refund?

Yes, You can get refund any time if pro version is not suitable for you.

Do we have offer customization?

Yes, You can mail us your requirement at hello at flippercode dot com.

Changelog

4.6.3

  • New : Added feature of CodeMirror editor for Infowindow Message for Locations backend.

4.6.2

  • Fix : Security issue fixed
  • New : Backend UI improved

4.6.1

  • New : Gutenberg map block component added

4.6.0

  • New : API loaded asynchronously for faster map page load.

Details

  • Version: 4.6.3
  • Active installations: 80,000
  • WordPress Version: 3.4
  • Tested up to: 6.6.1
  • PHP Version: 5.3

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars