googlemapsmaster-wordpress-logoAdding the latest Google Maps V3 to your wordpress was never this easy. Enjoy the html5 TechGasp fast loading code quality… No google maps api key needed.
Continue reading below.

Installation and Updates

Please read the Installation & Updates page that applies to all TechGasp plugins Installation & Updates

.


Google Maps Master Viral Widget

techgasp-google-maps-master-backend-widget-viralDisplay Widget Title:

1. Activate to display widget title

2. Change Title

Google Plus Button:

3. Activate to display Google Plus button

4. if 3 is on, activate Google Plus bubble count

Google Share Button:

5. Activate to display Google Share button

6. if 5 is on, Activate Google Share bubble count

Google Maps Master Basic Widget

techgasp-google-maps-master-backend-widget-basicDisplay Widget Title:

1. Activate to display widget title

2. Change Title

Map Wide Options:

3. Activate to display Google Map

4. Select Map Display Type:

Roadmap

Satellite

Hybrid

Terrain

5. Insert Google Map Zoom Level. Defaults are 16, 17 or 18

6. Insert Google Map Width. Default is auto for full mobile responsiveness

7. Insert Google Map Height. Default is 400, the bigger the better. You can play with this value, it does not affect mobile responsiveness

8. Insert Google Map Latitude. Example, 32.7200392

9. Insert Google Map Longitude. Example, -117.228778

Both latitude and longitude are going to be used as Center of your Map

How to get Google Map latitude and longitude coordinates?

Navigate to Google Maps  click, once there scroll and zoom around the map until you find your desired location. Right-click on the spot to bring up a menu with options. Click What’s Here to get the latitude and longitude coordinates.

Marker 1 Options:

You don’t need to use all Marker 1 fields. Empty or blank fields auto-hide

10. Activate to display Map Marker 1

11. Select Map Marker 1 Icon

12. Insert Company Name, Your Name, Blog Name, etc.

13. Insert full link to your company logo or personal avatar. Example of link . The image or picture can be png, jpg, gif, etc. but remember to keep the size small, 64 pixels by 64 pixels works best.

14. Insert Address

15. Insert City

16. Insert State

17. Insert Country

18. Insert Phone

19. Insert Mobile

20. Insert Email

21. Insert Website

22. Insert Extra Field Name, you can add a customized field, Example: Read More, Documentation , Info, etc.

23. Insert Extra Field Link, if 22 is On, insert full link to where the Extra Field Name should point to

24. Insert Marker 1 Latitude. Leave blank or empty to place Marker 1 latitude on the center of the map. If you want the Marker off center, insert desired latitude

25. Insert Marker 1 Longitude. Leave blank or empty to place Marker 1 longitude on the center of the map. If you want the Marker off center, insert desired longitude

Google Maps Master Advanced Widget

techgasp-google-maps-master-backend-widget-advanced

Display Widget Title:

1. Activate to display widget title

2. Change Title

Map Wide Options:

3. Activate to display Google Map

4. Select Map Display Type:

Roadmap

Satellite

Hybrid

Terrain

5. Insert Google Map Zoom Level. Defaults are 16, 17 or 18

6. Insert Google Map Width. Default is auto for full mobile responsiveness

7. Insert Google Map Height. Default is 400, the bigger the better. You can play with this value, it does not affect mobile responsiveness

8. Insert Google Map Latitude. Example, 32.7200392

9. Insert Google Map Longitude. Example, -117.228778

Both latitude and longitude are going to be used as Center of your Map

How to get Google Map latitude and longitude coordinates?

Navigate to Google Maps  click, once there scroll and zoom around the map until you find your desired location. Right-click on the spot to bring up a menu with options. Click What’s Here to get the latitude and longitude coordinates.

Marker 1 Options:

You don’t need to use all Marker 1 fields. Empty or blank fields auto-hide

10. Activate to display Map Marker 1

11. Select Map Marker 1 Icon

12. Insert Company Name, Your Name, Blog Name, etc.

13. Insert full link to your company logo or personal avatar. Example of link . The image or picture can be png, jpg, gif, etc. but remember to keep the size small, 64 pixels by 64 pixels works best.

14. Insert Address

15. Insert City

16. Insert State

17. Insert Country

18. Insert Phone

19. Insert Mobile

20. Insert Email

21. Insert Website

22. Insert Extra Field Name, you can add a customized field, Example: Read MoreDocumentation , Info, etc.

23. Insert Extra Field Link, if 22 is On, insert full link to where the Extra Field Name should point to

24. Insert Marker 1 Latitude. Leave blank or empty to place Marker 1 latitude on the center of the map. If you want the Marker off center, insert desired latitude

25. Insert Marker 1 Longitude. Leave blank or empty to place Marker 1 longitude on the center of the map. If you want the Marker off center, insert desired longitude

Display More Markers

Activate additional Markers and fill out Markers Fields. All Marker Fields work the same way as described above.

Additional Markers Latitude and Longitude. Best not to leave the Markers Latitude and Longitude empty or blank… that would place all markers on the center of the map… overlapping.

Insert different Latitudes and Longitudes per marker around the center of the map latitude and longitude.

Use the Map Zoom level to increase or decrease the display area in order to include the display of all desired markers

Google Maps Master Information Widget

techgasp-google-maps-master-backend-widget-informationDisplay Widget Title:

1. Activate to display widget title

2. Change Title

Map Wide Options:

3. Activate to display Google Map

4. Select Map Display Type:

Real-Time Traffic

Real-Time Transit

Real-Time Bicycling

Real-Time Weather

5. Activate Weather in Celsius (metric). Only applicable if Map Display Type is Real-Time Weather. Default is Off, Fahrenheit

6. Insert Google Map Zoom Level. Defaults are 12, 13 and 14 for Traffic, Transit and Bicycling.

Default is 6 to 12 for Weather. Zoom level 6 will display Real-Time Clouds. Play with this value until you are happy

7. Insert Google Map Width. Default is auto for full mobile responsiveness

8. Insert Google Map Height. Default is 400, the bigger the better. You can play with this value, it does not affect mobile responsiveness

9. Insert Google Map Latitude. Example, 32.7200392

10. Insert Google Map Longitude. Example, -117.228778

Both latitude and longitude are going to be used as Center of your Map

How to get Google Map latitude and longitude coordinates?

Navigate to Google Maps  click, once there scroll and zoom around the map until you find your desired location. Right-click on the spot to bring up a menu with options. Click What’s Here to get the latitude and longitude coordinates.

Marker 1 Options:

You don’t need to use all Marker 1 fields. Empty or blank fields auto-hide

11. Activate to display Map Marker 1

12. Select Map Marker 1 Icon

13. Insert Company Name, Your Name, Blog Name, etc.

14. Insert full link to your company logo or personal avatar. Example of link . The image or picture can be png, jpg, gif, etc. but remember to keep the size small, 64 pixels by 64 pixels works best.

15. Insert Address

16. Insert City

17. Insert State

18. Insert Country

19. Insert Phone

20. Insert Mobile

21. Insert Email

22. Insert Website

23. Insert Extra Field Name, you can add a customized field, Example: Read MoreDocumentation , Info, etc.

24. Insert Extra Field Link, if 23 is On, insert full link to where the Extra Field Name should point to

25. Insert Marker 1 Latitude. Leave blank or empty to place Marker 1 latitude on the center of the map. If you want the Marker off center, insert desired latitude

26. Insert Marker 1 Longitude. Leave blank or empty to place Marker 1 longitude on the center of the map. If you want the Marker off center, insert desired longitude

Google Maps Master Radioactive Widget

techgasp-google-maps-master-backend-widget-radioactiveDisplay Widget Title:

1. Activate to display widget title

2. Change Title

Map Wide Options:

3. Activate to display Google Map

4. Select a TechGasp Radioactive Overlay:

Before Doomsday

Green Radiation

Blue Aftermath

Red Dawn

Orange Mushroom

Black Fallout

5. Activate your custom map overlay. Will cancel TechGasp Radioactive overlays

6. if 5 is On, insert your custom map colour overlay. Example 0018D1 for dark blue overlay.

Get Colour number

7. Insert Google Map Zoom Level. Defaults are 12, 13 and 14 for Traffic, Transit and Bicycling.

Default is 6 to 12 for Weather. Zoom level 6 will display Real-Time Clouds. Play with this value until you are happy

8. Insert Google Map Width. Default is auto for full mobile responsiveness

9. Insert Google Map Height. Default is 400, the bigger the better. You can play with this value, it does not affect mobile responsiveness

10. Insert Google Map Latitude. Example, 32.7200392

11. Insert Google Map Longitude. Example, -117.228778

Both latitude and longitude are going to be used as Center of your Map

How to get Google Map latitude and longitude coordinates?

Navigate to Google Maps  click, once there scroll and zoom around the map until you find your desired location. Right-click on the spot to bring up a menu with options. Click What’s Here to get the latitude and longitude coordinates.

Marker 1 Options:

You don’t need to use all Marker 1 fields. Empty or blank fields auto-hide

12. Activate to display Map Marker 1

13. Select Map Marker 1 Icon

14. Insert Company Name, Your Name, Blog Name, etc.

15. Insert full link to your company logo or personal avatar. Example of link . The image or picture can be png, jpg, gif, etc. but remember to keep the size small, 64 pixels by 64 pixels works best.

16. Insert Address

17. Insert City

18. Insert State

19. Insert Country

20. Insert Phone

21. Insert Mobile

22. Insert Email

23. Insert Website

24. Insert Extra Field Name, you can add a customized field, Example: Read MoreDocumentation , Info, etc.

25. Insert Extra Field Link, if 24 is On, insert full link to where the Extra Field Name should point to

26. Insert Marker 1 Latitude. Leave blank or empty to place Marker 1 latitude on the center of the map. If you want the Marker off center, insert desired latitude

27. Insert Marker 1 Longitude. Leave blank or empty to place Marker 1 longitude on the center of the map. If you want the Marker off center, insert desired longitude

Google Maps Master Individual Shortcode

Google Maps Master version 4.3 and up uses TechGasp v3 framework. The Indivdual Shortcode is easy to use and can be found when you edit a post or a page under the wordpress text editor.  The Individual shortcode allows you to have different, unique shortcodes in each page or post. Once you have created your shortcode, Just insert the shortcode anywhere inside your text.

techgasp-google-maps-master-backend-edit
techgasp-google-maps-master-backend-shortcodeIf not open, click the tab to open the Google Maps Master Shortcode box. You can drag and drop the tab into any other bottom or sidebar position.

All settings are the same as the widget settings with 2 new options;

Align Google Maps Master:

Allows you to align and wrap the text around the shortcode. The options are, left, right or just leave blank if in Map width you have auto for mobile responsiveness.

Google Maps Master Preview:

if on. Allows you to preview the shortcode that is going to appear on your website frontend.

Each time you enable / disable the preview or change a shortcode setting, you need toupdate / save the Draft, Page or Post to apply the settings and refresh the preview.

Google Maps Master Universal Shortcode

techgasp-google-maps-master-plugin-menuThe display options are very much like the Individual Shortcode but instead of unique shortcodes per page, the Universal Shortcode allows to have the same shortcode across several or all pages and posts. The shortcode can be found under the plugin Menu Shortcodes.
techgasp-google-maps-master-backend-shortcode-un