How can I embed a Google Map on my Web page?I've seen some professional service provider sites that include a nice little map within their About page, a map that actually hooks up to Mapquest or similar. I much prefer Google Maps, but am stuck: is there some way to actually embed a Google Map on my Web page or, for that matter, my MySpace profile? Until very recently, the answer would have been "no, sorry" or "not without some serious hacking", but Google's just opened up its terrific Google Maps application in a way that makes this task fairly straightforward, whether your target is a Facebook or MySpace profile, a blog entry, or even a traditional Web page or site. The first step you'll need to take is to go to Google Maps and map an address, either of your office, your home, your favorite restaurant, whatever. I mapped the location of some house or the other that our tax dollars help paint every few years:  The key is to now click on "Link to this page" on the top right, which pops up a small window that contains two links:  The second of those two links is what you'd want to cut and paste, and the result would look like this: View Larger Map Nice, but truth be told, I'd prefer it were a bit smaller if I am going to include it on a Web page, so click on "Customize and preview embedded map" and you'll get a new window with a variety of options:  Now I can choose "Small" and grab the resultant code at the bottom of that page. The result? Here we go: View Larger Map Nicer. Anyway, whatever size you want, you now have a slick way to add a Google Map to your Web page (or blog entry, as demonstrated in this very article). Good luck!
Help others find this article at Del.icio.us, Digg, Netscape, Reddit, and Stumble Upon
Categorized:
HTML and CSS
(Article 7540)
Tagged: google maps, mapquest, white house Previous: How do I convert a DVD movie for my iPhone and iPod? Next: Beware the Mystery Shopping Company Cashier's Check Subscribe!
Never miss another useful Q&A article again! Subscribe to AskDaveTaylor with Google Reader. After reading through the maps API documentation numerous times trying to figure out how to embed a 'my map' on a page, I was pointed to your article and it worked like a charm -- not to mention much much easier than working with the API. Thanks!! dc Posted by: Dan Crouch at August 30, 2007 3:07 PMEmbedding Google maps doesn't work on MySpace! Posted by: J boy at July 17, 2008 5:42 AMI can't get this to work on myspace because it uses iframes which are prohibited on myspace. Any luck on finding a way to use it on myspace? Posted by: Tanka Bar at August 11, 2008 4:54 PMMySpace will not support the functionality (right too - people could do alot of damage if they did) - There is no way to add this to myspace, they may release an application or embeded custom object that allows you to so (this would stop the security risk) but as of now, your best bet is to make an image of the map, link it to google maps externally. Posted by: Darren at September 2, 2008 4:50 AMIs there a way to get the directions localized on an embeded page as opposed to the directions taking you to the google maps page upon search? I'd like the results to stay on my page. Posted by: AL at September 8, 2008 4:44 PMHi, If you want to instantly embed popup Google Maps for all the locations on a page, try MapMyPage. MapMyPage is the fastest, easiest way for bloggers and website owners to add Google Maps to any website. Just copy one line of JavaScript into a web page and MapMyPage will automatically add Google Maps to all the locations mentioned in the page. Posted by: Brandon at December 7, 2008 5:45 PMthank you Posted by: Wael at March 4, 2009 4:21 AMI need search base google map for my website and blog how to get it? Posted by: Irfan Mahmood at June 5, 2009 3:01 AMI HAVE A WEBPAGE AND HOW CAN I SEND IT OR EMAIL IT TO ANOTHER PERSON BECAUSE ON THE WEBPAHE THERE IS NO PLEASE TO PUT AN EMAIL ADDRESS> SECOND, IF I OPEN MY COMPUTER, HOWWWw TO I FIND MY WPBAGE? Posted by: charles rose at July 19, 2009 9:33 AMThanks for the tutorial, it helped!!! Posted by: Patricia at September 16, 2009 2:44 PMHi, I am trying to implement a google map search in my website but the search button for some reasons doesn't work when I tried to search for any specific address.My map is in derived pages coming from master pages. Can you give me any clue? No professional business or company would use a Google map API even the enterpise version you pay for is not that great. Google have just lost their licence for postcode's in the UK and already companies have seen issues with the Free platform (which is the basic service) and not very flexible. Top mapping tool must be ViaMichelin. A independant poll carried out by the IMA said 1. ViaMichelin Poll was based on brand, quality, customisation, coverage, support, SLA, price, usability, speed, and 17 other criterias. I have something to say, now that you mention it, but ...
I do have a comment, now that you mention it!
|
 
Search
Find just the answers you seek from among our 2300+ free tech support articles by using our Lijit search engine.
Help!
Subscribe to
Ask Dave Taylor! 
Free Updates!
Sign up and get free weekly updates and special offers on books, seminars, workshops and more.
Articles and Reviews
Auctions and Online Shopping Blogs and RSS Feeds Building Web site traffic Business and Management Cell Phones and Mobile Phones CGI Scripts and Web Site Programming Computer and Internet Basics d) None of the Above HTML and CSS Industry News and Trade Shows Mac OS X Help MySpace, Facebook, Twitter and Social Network Help Pay Per Click (PPC) Search Engine Optimization Shell Script Programming Sony PSP, MP3 Players, Etc. The Writing Business Unix and Linux Help Video Game Tips and Help Windows Help
Recent Entries
Book Links
|
Note: This web site is for the purpose of disseminating information for educational purposes, free of charge, for the benefit of all visitors. We take great care to provide quality information. However, we do not guarantee, and accept no legal liability whatsoever arising from or connected to, the accuracy, reliability, currency or completeness of any material contained on this web site or on any linked site.
![[whiteboard marker tray]](/Graphics/marker-tray.gif){kind=small}
