Home » Web Development » Are we there YET. Tips on using the very best of Google Maps.

Are we there YET. Tips on using the very best of Google Maps.

Recently in my project, I implemented Google Maps. I was wondering if I did it the right way. Went googling for some terms, and I came across some new nifty way to share URLs. Nonetheless, it turned out, that the http protocol GEO: doesn’t work in firefox. May be Desktop Firefox is not reading it. Mobile Firefox might be displaying it.

I would like to refer to my previous entry on the same topic. (https://salmankhwaja.wordpress.com/2013/10/29/sure_way_to_lure_customers/), where I was focused on making QR Codes for locations. Imagine when you come across a Website, where it is saying, where are we located, and then they insert their P-Mail address. Duh. Then when you actually need to be there, you end up copying / pasting that address in Google Maps, search, send that location to your mobile, and then drive there. Well, it’s about time to educate those who are developing sites for such corporations.

Even if QR codes are not your forte, one could at least provide the coordinates, so that people could view them in Google Maps / Foursquare, their application of choice. Here how to do it right.

  1. Goto http://maps.google.com/
  2. type in your desired location / name. In other words, just search for it.
  3. Once desired results are there, a red marker should be displayed right in front of you.
  4. Click on it, and it will show you the GPS Coordinate right below it.
  5. Click the GPS Coordinates. Now those Coordinates will be displayed in SEARCH bar.
  6. Copy them those GPS coordinates. The most common form of GPS coordinates is in the form of 64.19,98.92, that is, x,y, where x is Latitude, and y is Longitude.
  7. Now open your favoutire editor and make a hyperlink like
 <a href="http://maps.google.com/maps/?q=[GPSCordinates]">Click here to see our location on Google Maps.</a> 
  1. That’s all there is to it. So the resulting hyperlink would be. Adding a location of Badshahi Mosque (randomly this location came into my mind). <a href=”http://maps.google.com/maps/?q=31.588085,74.310071″>Visit Badshahi Mosque here.</a>.
    Link added for your surfing convenience.

Alternatively, one could also use the GEO Protocol.

  1. Once, the Geo Coordinates are known, one could use the following link to create Geo Location.
    <a href="geo:31.588085,74.310071">go here</a>
    
  2. Second method sounds quite easy, but my Desktop Firefox was not pointing to right location. Link added for surfing again (Badshahi Mosque). Google Link

First method is tried and tested, and it works every time and points to Google maps, no matter on which device the user is at, well at least, most of the devices.

For those who are thinking to have some extra reading, here are the additional links shared.

http://geomediablog.com/2007/07/10/creating-a-hyperlink-from-a-point-in-geomedia-to-google-maps/
http://www.smick.net/notebook/how-to-link-to-a-gps-coordinate-on-a-webpage-using-geo-url/
http://en.wikipedia.org/wiki/Geo:
http://diveintohtml5.info/geolocation.html

Some links to see Google maps and GPS Coordinates in action

http://boulter.com/gps/#31.588085%2C74.310071
http://www.itouchmap.com/latlong.html

How have you implemented Google Maps in your Project.? I would definitely like to know more in comments.

Advertisements

6 thoughts on “Are we there YET. Tips on using the very best of Google Maps.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s