For installing Google Maps extension go through the following steps: Extensions > Manage > Upload Package File > choose the appropriate zip file > upload and install Huge-IT Google Maps
Menus > Main Menu> choose one of your menu items> select our extension as Menu Item Type> select Google Maps from the list of created maps
Extensions > Plugins > find Huge-IT Google Maps plugin > Activate it. Now you can use it as article item with the help of shortcode.
The module of this extension is made to facilitate the process of using the plugin within a page. You can place it in different positions within a page, choose in which pages to display or do not display at all.
How to install module zip file: Extensions > Module Manager > Activate Huge-IT Google Maps> Choose Google Maps and Position within the particular theme (on right panel) > Menu assignment > Choose where to display it
Create your map going through the following steps: Components > Google Maps> My First Map.
You are free to name your Google Maps
Select to enable movement of the controller
This option allows you to enable or disable the zoom function of your map
This is for showing the map types: Map and Satellite
Select to display or not the scale
This is for showing the Street View Controller
Select to see map controller on the bottom of the right corner
Set the level of the default zoom for showing the map
Select the minimum or maximum zoom
Select for your maps central address
Select latitude for more detailed coordinate of the center or it will be filled according to selected address
Select longitude for more exact coordinate of the center or it will be filled according to selected address
Set the preferable size for the maps width
Write the height of the maps with the pixels
There are three positions to settle your map: Right, Left and Center
Give some border radius size for your Google Maps
Turn on map’s wheel scrolling
Map can be draggable or not
Select Location Based language for the map
There are various types of animation to select from
Select one of the types to show your map
Select Click or Hover
Press this button to add new location markers to your map
Choose the address you want to show on the maps
Set the coordinates for the address or it will be filled according to selected address
Set the longitude of the address or it will be filled according to selected address
Select the animation for the marker
Give a title to the marker
Write description for the marker
Add HTML description for the marker
There is number of amazing icons to set for the marker
Change the size of the icon
You can also upload your desired icon
add angles of the polygon by right-clicking on desired location on the map, and erase the angle by left-clicking on it.
Press the button to create a new Polygon
Give a name to your polygon
Add some link with external URL which will direct to another page
After creation of polygon the data of your coordinates of the address will automatically appear here
Decide the level of the transparency for the lines of mentioned area
Line color will change the border color of the specified area
Decide the width of the boundary line
Select the level of transparency for internal area of polygon
Choose your desired color for the map inner area polygon
Select the level of transparency for internal area of polygon when hovering
Select one of the colors for inner area of when hovering
Select the transparency of the borderline when hovering
Choose your desired color of the map when hover over the border line
Give a name to your polylines
Your lines on the map can be transparent
Select the line color on the map
Choose the thickness of the line
Give a color to your lines when to hover on the map
Set the level of the transparency of the line hover color
round area for showing the particular range
Add new circles on the map
Name your circle
Write the central address in the circle or choose it by right-clicking on the map
Select middle Latitude of the circle range or it will be filled according to selected address
Select middle Longitude of the circle range or it will be filled according to selected address
Select to show or hide the marker in the circle
Define the radius of your circle
You can create a borderline for the circle
Select one of the amazing colors for the circle border
Decide preferable line transparency
Select the color of the internal area of circle
Select the level of transparency for internal area of circle
Give a color to the circle when to hover over it
Decide the level of the transparency of the hover circle color
Select the color for a borderline while hovering
Decide the degree of the transparency of the circle line on hover
Put checkmark to enable the traffic layers for the Google Maps
Enable the bicycling layers on the map
Put checkmark to show transit layers on the map
Do some more styling, give a color to your map
Make the map darker or lighter with this option
Decide the level of the saturation for the map
Select the gamma you desire for the map