• Home
  • New Entries
  • Popular Entries
  • Submit a Story
  • About

How to add Google Maps to your website ...

A picture is worth a thousand words is a proverb that refers to the idea that a picture can explain a complex situation in more meaningful way than 1000 or more words.

A picture is worth a thousand words is a proverb that refers to the idea that a picture can explain a complex situation in more meaningful way than 1000 or more words.

You can see more details on this proverb by following the above link but we are here talking about slightly different topic. A map is worth telling 1000 ways to reach certain place. I guess 1000 doesn match with this proverb which i just created  but map really gives you clear picture and location of your destination.

It is very good practice to provide map of the place on your website if you want to let people know about your contacts and want that they should visit your location or office.

Earlier maps on websites used to be static and you could not interact with maps to zoom and explore different directions etc. But now in the Era of Ajax and Google Maps and other similar websites, it is very much possible to use map information for common use.

Other than visiting these maps related websites you can also embed the related map of related place in your website.


In starting, it was slightly tricky to embed Google maps in your website and you needed an application key for that which introduce another step towards including maps in your website but now it is probably easier than writing an email.

1. Go to maps.google.com
2. Search for the location
3. Once you think that final location is in middle of map with appropriate zoom level, click on Link to this Page on right top of map.
4. It will open a small window there which will give you two things:

    * Link to this map for sending it over email or IM
    * HTML to paste in your website.

5. Copy and paste this HTML in your website and That is it.



You can further customize by clicking Customize and Preview embedded Map and it will let you choose the size of map according to your need or space requirements on your website and then you can copy and paste HTML in Text area below the preview.

See How it will look like:




source: techiegyan

 View Full Story.
Posted at 07:17:11 am | Permalink | Posted in Tutorials  Google  

Related Stuff

  • MooV: Using cutting edge Video phones and Software Video Phones - coupling all that with VoIP and empowering the disabled.

  • Moo Telecom: VoIP communications made easy - Ring anyway with the fun and ease of using a normal phone

  • TagR:Mobile Social Network with Real Time Locations Based services, and Ambience Intelligence, VoiP, IM, Skype, Googletalk, Mapping, Flickr, Events, Calendaring, Scheduling, SecondLife Support

  • ClearSMS : ClearSMS is a Web-based application that lets you send bulk SMS messages to your customers, contacts, or just about anyone.

  • Jajah:jah is a VoIP (Voice over IP) provider, founded by Austrians Roman Scharf and Daniel Mattes in 2005[1]. The Jajah headquarters are located in Mountain View, CA, USA, and Luxembourg. Jajah maintains a development centre in Israel.

  • Skype: It’s free to download and free to call other people on Skype. Skype the number one voice over ip software

  • PrivatePhone: a free local phone number with voicemail and messages you can check online or from any phone.

1 Comment |Add your comment.

Lynchpin said:

Thanks for pointing out how easy it is to embed a map on ones website. I taught this was a lot harder than it turned out.Cheers.

Posted at August 13, 2008 10:50:10 am

Your Comment ...

  Name (required)

  Email (required, hidden)

  Website


Top Stuff

e-messenger

MessengerFX

eBuddy

ILoveIM

AIM Express

Top 20 Ruby CMS


Our Partners

Facebook Applications

Ajax Projects

Web 2.0 Sites

Webloglines

Human Development Handbook

Software Development Company

Ajaxlines

Stock Exchange Chat


About Ajaxlines

Ajaxlines is a project focused on providing its audience with a database of most of Ajax related articles, resources, tutorials and services from around the world.

Its purpose is to showcase the power of Ajax and to act as a portal to the Ajax development community.


Search


Topics

  • .Net (111)
  • Articles (85)
  • Bookmarking (35)
  • Calendar (19)
  • Chat (39)
  • ColdFusion (3)
  • CSS (41)
  • Email (23)
  • Facebook (23)
  • Flash (15)
  • Games (6)
  • Google (28)
  • Html (14)
  • Image (11)
  • International Calls & VOIP (7)
  • Java (36)
  • Javascript (171)
  • JSON (21)
  • Perl (2)
  • PHP (88)
  • Presentation (19)
  • Python (3)
  • Resources (2)
  • RSS (1)
  • Ruby (10)
  • Storage (4)
  • Toolkits (90)
  • Tutorials (199)
  • UI (12)
  • Utilities (167)
  • Web2.0 (13)
  • XmlHttpRequest (20)
  • YUI (4)

© 2006 www.ajaxlines.com. All Rights Reserved. Powered by IRange