googleMaps plugin |
| Written by kksou | ||||||||||||||
| Monday, 20 April 2009 | ||||||||||||||
This plugin allows you to include one or more google maps right inside your content item or article. This is a super light-weight plugin using only about 6K of codes. If you need to display just a simple map showing the address of your company, this is the plugin. The Google API KeyThe plugin makes use of the Google Maps API provided by Google. As such, please make sure you have the Google Maps API. If you don't have the key, you can sign up for free here. Geocoding your addressThe Google Maps require you to input the geographic coordinates (i.e. the latitude and longitude) of your address. If you do not know the latitude and longitude of your address, you can them find out here: Free Geocoder v2.0 by kksou. Latest Versionv1.0.12 (for Joomla 1.0) and v1.5.12 (for Joomla 1.5) This is in response to Chris's post titled "Re:googleDirections - To Here -- error". "$add_p undefined" has been fixed. googleMaps moduleThis plugin is for including Google Maps inside your article. If you wish to place Google Maps in a module position, please use the googleMaps module. googleDirections pluginThis plugin is for including Google Maps inside your article. If you want to display Google Maps + driving/walking directions, use the googleDirections plugin. Live DemoBelow you can see a live demo of the plugin. Note that:
Demo - using KML FilesYes, you can also use kml files directly with the plugin. The following sample shows the blue, red and green polygons superimposed on the Google Maps. The above sample code is produced by using the following syntax: {googleMaps lat=53.763325 long=-2.579041 zoom=8 width=100% height=480
How to use
{googleMaps lat=37.4219720 long=-122.0841430}
{googleMaps addr="1600 Amphitheatre Parkway, Mountain View CA 94043"}
{googleMaps lat=37.4219720 long=-122.0841430 label="Google Inc.~
{googleMaps lat=37.4219720 long=-122.0841430 label="Google Inc.~
{googleMaps lat=37.4219720 long=-122.0841430 label="Google Inc.~
{googleMaps lat=53.763325 long=-2.579041 zoom=8 width=480 height=480
Note that you still need to specify the latitude and longitude of the center of the map.
{googleMaps lat=37.4219720 long=-122.0841430 control=GLargeMapControl3D}
You can add multiple controls by delimiting with '|' as follows:
{googleMaps lat=37.4219720 long=-122.0841430 control=GLargeMapControl3D|GMapTypeControl}
Other common map controls are as follows: For complete list, please refer to Goolge Maps Controls Overview. For example, to display a Google Earth satellite image, use the following syntax:
{googleMaps lat=37.4219720 long=-122.0841430 control=GLargeMapControl3D
Other common map types are as follows: For complete list, please refer to Common Map Types. e.g. to display the Goolge Maps control in French, use:
{googleMaps lat=37.4219720 long=-122.0841430 lang=fr}
To display the Goolge Maps control in Japanese, use:
{googleMaps lat=37.4219720 long=-122.0841430 lang=ja}
You can look up the entire list of supported languages here. Making the plugin W3C XHTML 1.0 TransitionalTo make the your page containing the googleMaps plugin W3C XHTML 1.0 Transitional, here are the steps:
<p> ... <div> ... HTML codes that inserts the google map </div> ... </p> To work around this, please add a
{googleMaps lat=37.4219720 long=-122.0841430 label="Google Inc.~
1600 Amphitheatre Parkway.
What this does is that it adds another pair of </p>...<p> just outside the pair of <div>: <p> ... </p> <div> ... HTML codes that inserts the google map </div> <p> ... </p> Advanced use of googleMaps plugin
Be a SponsorIf you find this plugin useful, Secure Payments by PayPal. DownloadVery Important: This plugin works only with PHP5 and higher. It does not work with PHP4 because PHP4 does not support OOP multiple inheritance.Thanks to Chaminda and Marc for sharing and highlighting this. Remove the "Powered by" linksYou may not edit or remove any copyright or Powered by statements in the googleMaps plugin. However, if you find the plugin useful and would like to use the plugin without the "Powered-by" links, you may do so by purchasing a "Powered-by" removal license for only USD $10 per site. Secured payment is processed by 2checkout.com. All major credit cards are accepted, including Visa, Mastercard and American Express, etc. You can also pay by PayPal. Once the transaction is completed, you will be given a link to download the version with the "Powered by" links removed. History
Improved optimized code to display google maps. Added support for kml files. Please refer to here on how to use kml files. You can now specify the map control e.g. You can now specify the map type e.g. Please refer to the documentations on how to define the map control and map type. Thanks to Nina and Warren for highlighting that the plugin does not work in IE. A quick google will reveal that this seems to be a prevalent problem especially with IE6. Have fixed this in the new version. The googleMaps and googleDirections plugins now work with IE6 and above. Note that rendering of the Google Maps in IE6 is relatively slower than that in other browsers. So please be a bit patient. Also it seems that in IE6 the map marker icons (the little red teardrops) were not rendering properly. Added GOverviewMapControl, GScaleControl and GoogleBar. You can now add multiple controls, e.g. The plugin now comes with a built-in geocoder! This means that you can now specify address directly, instead of using the longitude and latitude. Please refer to here for more details. Added support for the plugin googleDirections - To Here - plugin This is in response to Alessandro Agostini's post titled "googleMaps incompatibility XHTML 1.0 Strict". The googleMaps plugin is now W3C XHTML 1.0 Transitional. Please refer to here for complete description. User reviews Average user ratings: 3.5 (from 4 users) Note: You have to be a registered member to leave a comment. Free registration here. |
||||||||||||||
| Last Updated ( Monday, 20 April 2009 ) | ||||||||||||||
| < Prev | Next > |
|---|
Joomla 1.0 Articles
- How to create a module with DirectPHP plugin?
- How to include modules in Content item?
- How to include modules in Section/Content Description
- How to include PHP commands in Section/Content Description
- How to make plugins process Section/Category descriptions
- Include Code Listing plugin - More Tips and Techniques
- How to have DirectPHP plugin process RSS feed?
- How to have the plugins processed when genrating PDF documents of content items?
- How to have DirectPHP commands processed in Joomla search?
Joomla 1.5 Articles
- How to create a module with DirectPHP plugin?
- How to include modules in Content item?
- How to include modules in Section/Content Description
- How to include PHP commands in Section/Content Description
- How to make plugins process Section/Category descriptions
- Include Code Listing plugin - More Tips and Techniques
- How to have DirectPHP plugin process RSS feed?
- How to have the plugins processed when genrating PDF documents of content items?
- How to have DirectPHP commands processed in Joomla search?
Joomla Plugins
Joomla Components
Joomla Gadgets
- Google Image Search
- Google News Search
- Wikipedia Search
- Google Book Search
- Google Video Search
- Google Currency Converter - AJAX version
- Yahoo Currency Converter - AJAX version
- Yahoo Stock Quote (AJAX module version)
- Yahoo Stock Quote (AJAX component/ module version)
- googleSearch_cse component
- googleSearch_cse module
- googleMaps plugin










3.5 (from 4 users)
May 29, 2009 10:47am
Fantastic App. I have installed all kinds of plugins for Joomla and normally have some kind of problem. Yours worked great and the instructions were very easy to understand. Once again fantastic job.
June 21, 2009 10:22pm
when i use this google map api with currency converter on the same web page
then,
google map is not displayed, only a dot is displayed.
On clicking this dot then the map is displayed on new page.
Please help
December 16, 2009 8:00pm
I was trying the plug in and found that when you list articles that are using the code within the brackets {googleMaps lat=45 long=-105}, you only see the first article with the map. If you know how to solve this, will be great.
Sorry for my very very poor English. Warm Regards
December 28, 2009 12:08am
Great plugin, very useful.
Unfortunately it doesn't display the map if it's used with Google Currency Converter Module