Add Google Map Plugin

Add Google Map Plugin from the Plugin options.

Add Google Map Plugin

2.1 General Settings

General Settings of Map Plugin
  • Address -> Select the locations you want to display on the Map with Location marker.

  • Width -> Set the width of Map

  • Height -> Set the height of Map

  • Select Theme -> Select appropriate theme for the map. You can select from following options: Default Theme, Express Route, Dark blue Power, Energy, Ultra Light, Green Serenity, Black And White

  • Record Storage Page -> Select the storage folder to display the Map Location from that folder.

2.2 Map Settings

Map Settings in Map Plugin
  • Map Type -> Select the Map type you want to display from Map, Satellite, Hybrid and Terrain

  • Zoom Level -> Select the default zoom level of map when map is displayed. You can select from range from 1 to 22 with 1 being completely Zoomed Out and 22 being completely Zoomed In.

  • Scroll Zoom -> Check this to enable Zoom In and Zoom Out using Mouse scroll.

  • Draggable -> Check this to allow users to drag map using mouse.

  • Doubleclick Zoom -> Check this to enable Zoom In when user double-click on map.

2.3 Frontend Control Settings

Controls Settings1 in Map Plugin
Controls Settings2 in Map Plugin
  • Map type Control -> Check this to allow users to change Map type. Once checked, you can select which types of Map user can view. You can also set position on chart as well.

  • Map types -> Choose map type you want to show on the front end.

  • Map Type Control Style -> Select map control style from default, Dropdown menu, & Horizontal bar.

  • Map Control Position-> Select position of the map controls from Top Left, Bottom Center, Right Top etc.

  • Zoom Control -> Check this to display Zoom buttons on map. You can also set position of it on chart as well.

  • Zoom Control Position -> Select position of the Zoom Controls from Top Left, Bottom Center, Right Top etc.

  • Fullscreen Control -> Check this to display Full screen button on Map. You can also set position of it on chart as well.

  • Full Screen Control Position -> Select position of the Full Screen Controls from Top Left, Bottom Center, Right Top etc.

  • Street View Control -> Check this to display Streetview control on Map. You can also set position of it on chart as well.

  • Street Control Position -> Select position of the Street Controls from Top Left, Bottom Center, Right Top etc.

  • Scale Control -> Check this to display scale bar at the bottom right of Map.

2.4 Marker Settings

Controls Settings in Map Plugin
  • Show alphabet label on marker -> Check this to display alphabet labels on Location markers. It will start from A-Z.

  • Marker Opacity -> Set Marker Opacity. Select from 0.1 to 1.0 .

  • Marker Cluster -> Check this to enable Marker Cluster.

After Enabling Marker Cluster checkbox, “Max Zoom level, Grid Size & Marker Cluster Icon” options will be visible.

  • Max Zoom Level -> Define the Zoom level, It will zoom in fathest level before the regular markers.

  • Grid Size -> Define the number of pixels within the cluster grid.

  • Marker Cluster icons -> Choose marker cluster icon from Default, People, Conversation, Heart, & Pin.

2.5 Search Settings

Search Settings in Map Plugin
  • Search Type -> Select type of search you want to display on your site, select none to display only map & saved locations otherwise choose “Record Based Search OR Radius Search” accordingly.

  • Radius Search -> This feature will allow end user to search for places on Google Map by providing their preference of City, Point of Interest and radius.

  • Record Based Search -> This feature will allow end user to search for location on Google Map, which are stored on the database & according to the selection of backend storage folder.

Based on the selection of “Record Based Search OR Radius Search” following options will be showing to customize input fields.

  • Enable Direction and Distance Feature -> Check this to allow users to fetch routes b/w the places as per their choice of transportation mode. It’ll also provide the directions for the selected route at the bottom of the Map.

  • Auto Complete Location -> Check this to enable the auto suggestion on the address field appear above the map.

  • Allow Current Location to Fill Address -> Check this to enable the access for Allow/Deny the user location.

2.6 GDPR Settings

GDPR Settings in Map Plugin
GDPR Settings in Map Plugin
  • GDPR Box -> Make sure your website collects all required user consent. Googlemap allows you to display consent notices.