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:
- 1Go to Plugins menu.
- 2Click on a Add New button.
- 3On top of the page, click “Upload Plugin” button.
- 4If you have a plugin in a .zip format, click on “Choose File” button
- 5Select the ZIP file from your computer.
- 6Click “Install Now” button.
- 7Wait for a few seconds for wordpress to complete the installation
- 8Click on Activate button.
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-
- 1
Go to how to use menu, click on Google Map API Key. - 2Click create a project button.
- 3Enter your project name.
- 4Click on create button.
- 5Go to Credentials and copy your api key.
- 6Go GOOGLE MAP setting page -click on setting and paste in Google Maps API Key.
SHORTCODE
- 1Go to Pages menu
- 2Click on Add New button.
- 3Click Add Title.
- 4Add Shortcode.
- 5Click on Update button.
- 6You would then see a GOOGLE MAPS displayed on the frontend of the site.
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 :
- 1 API is already created that mean you are already logged in to the account. If you are signout then go to the Google Cloud Platform console and sign in and select the project where you want to attach the billing account.
- 2Open the console left side menu and select Billing
- 3Click the New billing account button.(note first you need to open the billing account list by clicking the name of your existing billing account near the top of the page, and then click Manage billing account).
- 4Enter the name of the billing account and enter your billing information. The option you see depend on your billing address.
- 5Click Submit and Enable billing.
You can Try Google Cloud Platform for a free trial to accept the terms of services
Congratulations!! Now You can create a location in Google Map.
- 1Go to Pages menu