How to Customize Google Maps in Joomla

The process you are going to view below will walk you through how to add Google Maps into your Joomla powered site with ease and simplicity, providing guidelines and on how to handle the implementation of the plug-in on your website by yourself.

Google maps are provided directions to your place of business or to an event you may be promoting is common practice. Adding a highly configurable Google Map to your website is just like taking your webpage or your business one step further, allowing people to get directions and see exactly where you are on their mobile device and PC with ease at anytime, from anywhere in the world.

We're going to use a plug-in called 'Plug-in Google maps'.

Here's how you do it:
Plug-in Google maps from the Joomla code site. It’s a long list but you can use the very first file.
  1. In the administration area of your Joomla site, go to Extensions >> Install / Uninstall and upload the file to install.
  2. Sign up for a free Google Maps API Key. It’s likely to be a long string.
  3. In the administration area of your Joomla site, go to Extensions >> Plug-in Manger >> Google Maps and put your API key in the appropriate field (in the parameters on the right).
  4. If you are going to use the plug-in to display a default location, you can simply enter the address in the 'Address' field in the parameters
  5. Create an article and insert this code: {mosmaps}

More Powerful customization options

  • Add markers for any address, place or latitude/longitude location
  • Create multiple categories with different icons (markers) for your locations
  • Each marker has an individual description, with or without a picture
  • 500 sample marker icons included to give you the ability to create any marker
  • Easy to adapt to the style of your Joomla website
  • Geo code feature (coordinates of locations)
  • Set marker list length (number of markers on the map)
  • Use custom titles
  • Let the Map automatically determine the best zoom and centre settings
  • Set Captcha for submitting new location - can be set per user group
  • Basic, layout and advanced configuration settings

However Google map now utilizes a hotspot Geo locator with Hotspots you get a multi-location Google map with powerful customization options. Easy to install, quick to set up, it is built with strong and unique features, some of the features are listed as follows;

  • Show multiple office locations, with directions, street-view and nearest public transport location
  • Create projects involving Geo-localization
  • Let visitors add markers to the map, from the front-end
  • Integrate Google Maps into a JomSocial Joomla website
  • Display the locations of members on the large membership website
  • Manage categories and locations for suppliers and other companies
  • Help hotel visitors find the nearest restaurants, theatres and stores
  • Enhance tourism website by creating a city directory map with parks and other areas of interest

About Author 
This article is contributed by ValueCoders, a web development company India, specialized in Web and CMS development. One can hire Joomla programmers here for effective Joomla development services.

Comments

Post a Comment

Popular posts from this blog

How to show only month and year fields in android Date-picker?

Image
Android default DatePicker show day/month/year fields but you have to customize this DatePicker as your requirements. Suppose that you want to show only month and year fields in android datepicker . To do this, you have to customize the Dialog DatePicker source code but it is not an easy task. In this tutorial I will show you a tricky way to solve this problem. Lets see how to show only month and year field in android DatePicker as a dialog.   Step to show only month and year fields in android date-picker: Some days ago I got this same problem and here I am trying to explain this in a sequential manner. I want to show a dialog datepicker when user click on an EditText. So if user click on EditText, A dialog datepicker will be invocked and it will show only month and year fields. To do this, at first we have to create a xml layout to hold the EditText fields. So create an android project and name it DatePickerExample. In the main.xml file just try to write this simple code....
Read more

How to construct a B+ tree with example

Image
A B+ tree contains n-1 search key values K1K2…….Kn-1 and have n pointers.   In a B+ tree the data are ordered  sequentially.  The leaf node may hold up to n pointers and must hold at least N/2 pointers. The root node must hold at least two pointers, unless the tree consists of only one node.  Now we construct a B+ tree. Construct a B+ tree for the following set of key values: (2,3,5,7,11,17,19,23,29,31) Assume that the tree is initially empty and values are added in ascending order. Construct a B+ tree where the pointer number is Four. Solution: When a node exceeds n-1 search key value then we split it into two nodes. First node contains (ceiling(n-1)/2) values.  2 nd node contains remaining node. Copy the smallest search key value of the second node to the parent node. Let's start, we know each node has N pointer and has N-1 search key values. In our example pointer number is 4, so the search key value is 4-1=3. So each node has 4 pointers and 3 search key val...
Read more

Conflict Serializability in database

Image
To maintains database state consistency we introduce serializability. Using serializability we can understand which schedule will ensure consistency, and which schedule will not. When we are capable of converting a concurrent schedule into a serial schedule then we cal it serializable schedule. A schedule is serializable if it is equivalent to a serial schedule. We divided this concepts into two parts 1. Conflict serializability  & 2. View serializability In this discussion I just clarify you the conflict serializability. Consider two instruction read, write and the data item A and B. When two instruction execute different data item such as read(A) and read(B), then we can swap the instruction without affecting the result of the schedule. But when the data item is equivalent to one another we need to consider following four condition.    a.   read (A ),    read ( A ).   they   don’t conflict.    b.   read ( Q),  ...
Read more