INTRODUCTION

WP Google Map is an awesome plugin to use when adding a custom Google map to your website. It is fully customizable and can be used as a shortcode. Ten themes are available, and you can enable traffic layers, bike layers, directions, and the maximum zoom level. Once you’ve created your map, it can be inserted into your website using a shortcode. You can enable and disable map controls such as zoom, street view, and whether a mouse can be used. There are a lot of options that help you to define how markers are handled too.

PLUGIN INSTALLATION

How to install WP Google Map Plugin in wordpress -Step by Step:

ADD LOCATION

LOCATION INFORMATION

Create a location by using Add Location page.

  • Location Title * : Insert Location Title

  • Location Address * : Insert Location Address

  • Latitude and Longitude* : Insert Latitude and Longitude
  • City and State : Insert City and State

  • Country and Postal Code : Insert Country and Postal Code

  • Country Postal Code : Insert Country Postal Code

  • Current Location : Mark Current Location

  • On Click Display : Tick Infowindow or Redirect

  • Message : Insert here the infoWindow message

  • Default Open : Tick to enable infowindow default open

  • Marker Draggable : Tick if you want to allow visitors to drag the marker

  • Marker Animation : Choose marker animation

MARKER CATEGORIES

  • Select your marker categories

Click to save location

MANAGE LOCATIONS

You can edit and delete a location by using Add Location page.

ADD MAP

Map Information

  • Map Title : Insert here the map title.

  • Map Width : Insert here the map width in pixel.

  • Map Height * : Insert here the map height in pixel.

  • Map Type : Insert map type.

  • Turn Off Scrolling Wheel : Tick to disable scroll wheel zoom.

  • Map Draggable : Tick to disable map draggable.

  • 45° Imagery : Tick to apply 45° Imagery.

MAPS CENTER

  • Center Latitude : Insert here the center latitude.

  • Center Longitude : Insert here the center longitude.

CHOOSE LOCATIONS

Select locations entries

CONTROL SETTING

  • Turn Off Zoom Control : Tick to disable zoom control.

  • Turn Off Full Screen Control : Tick check to disable full screen control.

  • Turn Off Map Type Control : Tick check to disable map type control.

  • Turn Off Street View Control : Tick check to disable street view control.

CONTROL POSITION(S) SETTINGS

  • Zoom Control : Please select position of zoom control.

  • Zoom Control Style : Please select style of zoom control.

  • Map Type Control : Please select position of map type control.

  • Map Type Control Style : Please select style of map type control.

  • Full Screen Control : Please select position of full screen control.

  • Street View Control : Please select position of street view control.

INFOWINDOW SETTING

  • Message : Enter placeholders Infowindow Message

  • Show Infowindow on : Select Open infowindow on Mouse Click or Mouse Hover.

  • Choose Marker Image : Select Marker Image

  • Open : Tick to enable infowindow default open.

  • Close InfoWindow : Tick to close infowindow on map click.

  • Bounce Animation : Select animation on mousehover or mouse click.

  • Apply Drop Animation : Tick to indicates that the marker should drop from the top of the map

LAYER SETTING

  • Traffic Layer : Tick to enable traffic Layer.

  • Transit Layer : Tick to enable Transit Layer.

  • Bicycling Layer : Tick to enable Bicycling Layer.

STREET VIEW SETTING

  • Street View Settings : Tick to turn On Street View Please check to enable street view

Click on save map

MANAGED MAP

You can edit and delete a location by using MANAGED MAP page.

ADD MAPKER CATEGORY

MAPKER CATEGORY

  • Parent Category : Select parent category if any.

  • Marker Category Title *: Insert marker category title

  • Choose Marker Image : Choose Marker Image

Click on save MARKER CATEGORY

MAPKER CATEGORY

You can edit and delete a location by using MARKER CATEGORY page.

SETTING

GENERAL SETTING(s)

  • Google Maps API Key : Insert API KEY here
  • Map Language : Choose your language for map.

  • Include Scripts : Choose Header or Footer(Recommended)

Click on Save setting

CREATE API KEY

You can create API Key by following these steps-

SHORTCODE

BILLING ACCOUNT ATTACHMENT METHOD

You can use the Google Cloud Platform Console to manage your Google Cloud Platform billing account. From the console, you can update account settings such as payment methods. Some Google APIs charge for usage after crossing the limit, and you need to enable billing before you can start using these APIs. If you enable billing for a project, then every billable API in that project is billed, based on the project’s usage.

Note: Google Maps API provides you 200$ credits every month free of cost. If you are using more than 200$ per month then you have to pay as per the use.

Now need to attach billing account to the New /Existing Project :

Congratulations!! Now You can create a location in Google Map.