Google Maps – Google Maps Builder

Description

WordPress Google Maps

Huge-IT Google Maps. One more perfect tool from Huge-IT. Improved Google Maps, where we have our special contribution. Most simple and effective tool for rapid creation of individual Google Maps in posts and pages.

  • With our Google Maps provide your visitors with the information about the exact location of your company/place. To make sure that people can find your place with the help of map , you should add the appropriate information to the markers.

  • With the help of Google Maps give information of the right location of your business on the map . With Huge-IT Google Maps distribute the information about yourself, get free traffic and increases the number of transitions to your page from the usual search on Google.

  • Create markers on the maps with beautiful styles.

  • Except given styles of the google maps you can upload your preferable image into the map and set it instead of marker.

  • There have been added useful special features on the Google Maps plugin. You can select the exact location on the map , track or spread area of a place.

  • Polygons of the maps – bounded highlighted area on the maps, showing the specific range, limited with geometric figure on the map .Create a polygon easily on the map , give shape and set styles on it. With Google Maps polygon show the borders of a specific location to your visitors.

  • Polylines of the maps – With the Google Maps polylines you can highlight specific road/track, give styles to the path and change it whenever you need on your map . Show visitors the directions of your place and many other things with the Maps plugin.

  • Circles of the maps – Maps circle is a round area showing the specific range. With Maps circle you can take the area into round border and give styles to it.

  • Layers of the maps – Enable Traffic Layer
    Enable Bicycling Layer
    Enable Transit layer

  • Map Styling – Provides huge amount of the design options

All these features can quickly and easily adapted to your requirements and needs.

Google Maps can be easily integrated with any WordPress website. Google Maps can be easily inserted, customized and used in posts, pages or as a simple widget.

Google Maps make your visitors to get you, you just need to provide the coordinates on the map.

We have made for you a list of customization on the Map . Most of them are absolutely available in the free version of the Map Plugin.

Do not hesitate to install Google Maps from WordPress to see all the options of the map on admin page. With the demonstration map, next to it, so you can watch all your changes before inserting map into post/page.

Main Features

  • Create unlimited number of maps
  • Select your desired map name
  • Select among 4 map type from General Options
  • Set your map height and width
  • Enable map animation
  • Select your map icon for markers
  • Add Google Maps polygons link
  • Add circle in your Maps plugin
  • Google Map is pretty easy for using
  • Maps support Street View
  • Define your maps width, height and zoom level
  • Google Maps is user-friendly
  • Select different marker icons for maps plugin
  • Add markers for any address, latitude/longitude location
  • Add animations to your map markers
  • Add Polygons to your Google Maps Plugin
  • Add Polylines of your Google Maps Plugin
  • Create a map just in seconds
  • Set the min and max zoom level for your map plugin
  • Add descriptions, links and images to your map markers
  • Export the map to CSV
  • Enable Map Traffic Layer
  • Enable Map Bicycling Layer
  • Enable Map Transit layer
  • Map type: Roadmap,Satellite,Hybrid,Terrain
  • Map can be Draggable
  • Map offers huge amount of animation
  • Map Marker Infowindow Open On: Click or Hover

Over 20 Map Options

In Huge-IT Google Map you can find more than 20 various map options which will make your Map better for you and your visitors.

25 Google Maps Marker Styles

Style of the map marker is important and nice detail that you may need. So you can choose one among 25 bright map marker icon styles. Do not limit your opportunities.

Maps Polygons Polylines Circles

You will have 3 ways to designate maps areas. Put geometric shape on your maps with a polygon, outline the route with the polyline and the circle to designate round areas.

Road Layers

There are different types of road layers that you can use on you map . This comprehensive street map includes Traffic Layer, Bicycling Layer, Transit Layer.

Map Styling

We included a huge repository of different styles for Google Map aimed towards web designers and developers, which you can customize yourself.

CSV Export

Huge-IT Google Maps exports CSV file, which makes it easy to export data, create a CSV file of the objects that you submit.

Demos

Google Map Layers Demo

Google Map Markers Demo

Google Map Shapes Demo

FAQ & User manual

FAQ

User Manual

If you think, that you found a bug in our WordPress Google Maps plugin or have any question contact us at info@huge-it.com

Step 1. Adding a Google Maps

Step 1 Add Google Maps in post/page

In order to add created Google Maps plugin in post/page, copy/past the shortcode. Or add like a widget from widgets page.

Step 2 Edit Google Maps

2.1 Google Maps Options

  • Google Maps names. Give a names to your Google maps
  • Enable Pan-Controller. Select to enable movement controller
  • Enable Zoom-Controller. Select to enable zoom controller
  • Enable Map-Type-Controller. Enables map controller in order to view satellite as well
  • Enable Scale-Controller. Select to show scale
  • Enable Street-View-Controller. Select to be able to see streets with “little man”
  • Enable Overview-Map-Controller. Select to see map controller on the bottom right corner
  • Default Zoom. Set the zoom level
  • Center Address. Give address to center
  • Center Latitude. Set latitude for the center
  • Center Longitude. Set longitude for maps center
  • Map width. Give size for maps width (in presents)
  • Map height. Give size for maps height (in px)
  • Map align. Put your map on the left, right or center within theme container
  • Border Radius. Set the radius for maps borders
  • PRO Map type. Choose one from 4 different views
  • PRO Marker Infowindow Open On. Choose how to open information on marker

2.2 Markers

  • Click +Add New Marker and create unlimited markers for your specific places.
  • Right Click on map wherever you want marker to appear. Hold pressed and change marker’s position moving mouse.
  • Address. Give address to the marker.
  • Latitude. Select latitude to the marker’s place.
  • Longitude. Select longitude to the marker’s place.
  • Animation. Choose animation for the marker.
  • Title. Give title to the marker.
  • Description. Give title to the marker/place.
  • PRO Choose Marker Icon from our list of stylish markers.
  • PRO Size of Icon. Choose marker size.
  • PRO Custom Marker Icon. You can upload your preferable icon(picture) for marker.

2.3 Polygons

  • Polygons – bounded highlighted area on the map, showing the specific range, limited with geometric figure
  • Click +Add New Polygons and create new one for your specific area.
  • Right click and hold to set polygon’s boundaries.
  • Name. Give name to the Polygon.
  • Link. Add link with external URL, which will take to another page.
  • Latitude & Longitude Data. Manually change or add new borders of polygon.
  • Line Transparency. Select the level of transparency for boundary line.
  • Line Color. Choose color for boundary line.
  • Line Width. Set width for boundary line.
  • Fill Transparency. Select the level of transparency for internal area of polygon.
  • Fill Color. Choose color for internal area of polygon
  • PRO On-Hover Fill Transparency. Select the level of transparency for internal area of polygon while hover
  • PRO On-Hover Fill Color. Choose color for internal area of polygon while hover
  • PRO On-Hover Line Transparency. Select the level of transparency for boundary line while hover
  • PRO On-Hover Line Color. Choose color for boundary line while hover

2.4 Polylines

  • Polyline – continuous line composed of one or more line segments, which creates specific track.
  • Click +Add New Polylines and create new one for your specific area.
  • Right click and hold to set path of polyline
  • Name. Give name to the Polyline
  • Latitude & Longitude Data. Right click and select latitude & longitude data for Polyline.
  • Line Transparency. Select the level of transparency of Polyline
  • Line Color. Choose color of Polyline
  • Line Width. Set width of Polyline
  • PRO On-Hover Line Color. Choose color of Polyline while hover
  • PRO On-Hover Line Transparency. Select the level of Polyline transparency while hover

2.5 Circles

  • Circle – round area, showing the specific range
  • Click +Add New Circle and create new one for your specific area
  • Right click on map wherever you need to place the circle’s center
  • Name. Give name to the Polygon
  • Center Address. Give some address for center of the circle
  • Center Latitude. Select middle Latitude of the circle range
  • Center Longitude. Select middle Longitude of the circle range
  • Show Marker? Select YES to see the marker in the middle of the circle
  • Radius(meter). Give radius level for circle
  • Line Width. Set width for boundary line of circle
  • Line Color. Give color to boundary line of circle
  • Line Transparency. Choose transparency level for boundary line of circle
  • Fill Color. Choose color for internal area of circle
  • Fill Transparency. Select the level of transparency for internal area of circle
  • PRO On-Hover Fill Transparency. Select the level of transparency for internal area of circle while hover
  • PRO On-Hover Fill Color. Choose color for internal area of circle while hover
  • PRO On-Hover Line Transparency. Select the level of transparency for boundary line while hover
  • PRO On-Hover Line Color. Choose color for boundary line while hover

Screenshots

FAQ

Installation Instructions

Uploading in WordPress Dashboard

  1. First download the ZIP file from WordPress website
  2. Log in to your website administrator panel
  3. Go to the ‘Add New’ in the plugins dashboard, click “Upload Plugin”
  4. Upload WordPress Google Maps ZIP file by choosing it from your computer
  5. Click Install Now button
  6. Then click Activate Plugin button
  7. You can see the plugin installed on WordPress left menu

Using The WordPress Plugins Dashboard

  1. Go to the ‘Add New’ in the plugins dashboard
  2. Search for ‘Google Maps Huge-IT’
  3. Click Install Now button
  4. Then click Activate Plugin button
  5. You can see the plugin installed on WordPress left menu

Using FTP

  1. Download the ZIP file from WordPress website
  2. Extract the google-maps directory to your computer
  3. Upload the google-maps directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard
  5. You can see the plugin installed on WordPress left menu

Now you can set your Image Gallery options, images and use our Google Maps.

If you think, that you found a bug in our WordPress Google Maps plugin or have any question contact us at info@huge-it.com

Is the payment for plugin one-time of per month, year?
  • The payment for Pro license is one-time and for life
How to install the PRO version of plugin?

In order to install pro version of the plugin, simply follow these steps:

  • 1) delete your free version of plugin
  • 2) install the zip file | Plugins > add new > upload plugin3) clean your cache files |ctrl+f5| Don’t be afraid of deleting free version, because you will NOT lose your created maps
How to get a copy of most recent version?
  • Pro users can get update versions contacting us by info@huge-it.com. Free version users will find update notification in their wordpress admin panel.
How do I put a Google map on my page/post?
  • In order to show your Google map on your page or post, simply copy the shortcode and paste it into your page or post.
I have paid for pro version and didn’t get the link or file to update.
  • If you made purchase and didn’t get the plugin pro license file, or file was corrupt, contact us by info@huge-it.com and send order number, we will check and send you the file as soon as possible.
  • All kind of changes made in free version will remain, even if you delete the plugin.
Will I lose all my changes that I made in free version, if I update to pro version of Google Map?
I have already purchased Multi Site version, how do I upgrade it to Developer version, without buying it again?
  • If you have any pro version of our products and want to upgrade it, you do not need to buy the new one again, you only need to pay the difference price. Contact info@huge-it.com and we will charge you the difference price.
May I have a copy of the Google Maps?
  • Yes, you can create the copy of the map you have created.
Can I export Google Maps?
  • Yes, you can export the map to CSV.
How do I add Huge-IT Google Maps widget to my widget area?
  • For adding the map to the widgets area, you need to go to Appearance->Widgets and select the “Huge IT Google Maps” Map Widget to your sidebar.Then edit the map widget to display the correct map.
How to create Polygon?
  • To create polygon, simply make several right clicks on the map, left click – to move the position of the polygone.
How to add map in template?
  • Using the php shortcode that Google Maps provides, you may insert it in the desired file of template, let it be footer, header or the content file.

If you think, that you found a bug in our WordPress Google Maps plugin or have any question contact us at info@huge-it.com

Reviews

Amazing support

We’ve been using this plugin for several years for a few of our sites. It’s been easy enough to use, with a few nuances and oddities that we’ve just fixed on our own. I like how it’s easy to add multiple markers and add custom markers without a lot of hassle. Many of the current wordpress plugins on the market tend to break with a lot of markers or when used with the direction-getting functionality.

Recently, we had created a new site that used both this plugin and easy columns. There seemed to be some kind of interaction going on between those two plugins that was causing my maps to be wildly off center.

I’m not one to contact support often, as traditionally when I’ve contacted support, it’s been either no response, a response that doesn’t make any sense, a response that’s several months too late, or “I’m sorry, we can’t actually help.”. I got a prompt response from this support team, I think about a day after submitting it, even though it was a weekend. They sent me an altered file that solved my problem with centering perfectly. I would definitely recommend this plugin.

One of the best plugins for Google Maps integration

The plugin is really well made. It’s fully customisable. Plus, the support system is awesome!

I really suggest to buy the PRO version to unlock all the features. $15 is a reasonable price 🙂

Thanks guys. Keep developing it! 🙂

Meh

Fairly crap unless you pay for it, other free plugins with more functionality and easier to use. *thumbs down*
Even looking at the pro options it doesn’t seem to fill the criteria of what I’d want for a maps plugin.

Love it! Great Map

This map is just wonderful. super easy to use, and extremely handy with super features. As usual, it’s yet another great plugin by Huge IT!

Fantastic lightweight plugin with great support

This is a great plugin to easily add Google maps in a myriad of ways. It works quickly and smoothly. We have had a few issues but the live chat on the Huge-IT site have been able to provide us with help and have resolved any queries we have had.

Read all 89 reviews

Contributors & Developers

“Google Maps – Google Maps Builder” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.2.4

  • 1) General Options-Marker Infowindow Opens on-doesn’t save.
  • 2) Map Animation-No effects in FrontEnd view.
  • 3) Map Language-doesn’t save.

2.2.3

  • 1) Fixed the issue with Maps ID being renewed after update.
  • 2) Fixed the issue with polygons or polylines when one of the points set between 0 and 10 started bo bug around and disappear the map.

2.2.2

  • 1) Added featured plugins list.
  • 2) Added licensing page.

2.2.1

  • 1) Fixed: after major code optimization update, some users reported an error: Message: Fatal error: Declaration of Hugeit_Maps_Map::__construct() must be compatible with that of Hugeit_Maps_Map_Interface::__construct()
  • 2) Added a new option for markes to show titles of markers at once

2.2.0

In the series of updates we will go through our plugins one by one and fix all technical issues with our code in order to meet the WordPress Coding Standards. These are the major updates that had been implemented to Google Maps in this new version of the plugin.

  • 1) Changed function names, defines and classnames to have unique prefixes
  • 2) Refined folder and image names
  • 3) Fixed the issue with direct file access to plugin files
  • 4) Changed the code structure to be more Object Oriented, now all major functionality of plugin is stored in a single instance which is accessible via Hugeit_Maps() function, this allows other plugins/extensions to use the functionality of this plugin
  • 5) Removed Lazy codes both, from back and front end
  • 6) Removed unreadable codes, and replaced with documented codes
  • 7) Added additional credits where necessary
  • 8) Made further code optimization in order to meet required WordPress coding standards
  • 9) Optimized javascript for higher performance.
  • 10) Code optimization loads the admin panel more quickly now as well
  • 11) Added nonces for all _POST, _GET requests.
  • 12) Fixed a bug that caused API key not being saved
  • 13) Made database refactoring to have more optimized tables; data types and columns: this was performed using backward compatibility, so that users with older versions of the plugin would not lose any data if they would have updated the plugin to latest version.

2.1.6

  • A lot of users claimed that plugin menu disappeared today.We have fixed it and seems it was connected with recent updates of Google Maps JavaScript API from Google.

2.1.5

  • We have fixed a reflected cross-site scripting (XSS) vulnerability disclosed in the plugin.

2.1.4

  • We have fixed the reported bug in Free version of Googme Maps, where some users were not seeing saved changes on front end.

2.1.3

Code optimization, bug fixes and a new feature for map directions.

  • 1) We have updated the backend banner styles and added a close button, so that users will close it if not interested. The banner now includes links to support pages on social netowrks
  • 2) Added visual icons in admin page for each feature, helping to navigate through options easily
  • 3) Fixed bug where toggle arrow in admin was not displaying properly
  • 4) Fixed admin page CSS error and edited “save” options to make it more UX/UI firendly
  • 5) Fixed a bug related to polygons save
  • 6) Fixed a bug related to circle’s center marker
  • 7) Performed minor javascript changes/fixes
  • 8) Fixed a bug related to marker saving

We have also added a new feature called “Directions”, which allows users to set directions with markers on their map (Pro feature). This feature includes a list of options to customize directions.

2.1.2

  • Front-end ajax bug fix for logged out users.

2.1.1

  • Added credits and attribution in the source code refering the original authors.

2.1.0

  • Created API Key registration option with links to user manual.

2.0.9

  • Fix with the keyless access to the API and code improvements and optimization.

2.0.8

  • Responsive bug fixed.

2.0.7

  • Some mirror bugs have been fixed.

2.0.6

  • Bugs have been fixed.

2.0.5

  • Some Mirror bugs has been fixed.

2.0.4

  • Front end bug fixed.

2.0.3

  • Front end & Admin bugs fixed in.

2.0.2

  • Mirror bug fixed.

2.0.1

  • Front end bug fixed.

2.0.0

  • Global Update.