How to add a Google Map to any web page in less than 10 minutes

Popularity Report

Total Popularity Score: 0

Rank

URL Tag Cloud

Groups (0)

Related Lists

Bookmark History

Saved by 91 people (20 private), first by anonymouse user on 2006-03-02

Frufrufour1 on 2008-05-06 - Tags google , map , development , maps , googlemaps , howto , tutorial , webdesign
Grberk on 2008-03-22 - Tags code , design , google , how-to , maps , tutorials , web

Public Comment

on 2006-08-01 by http://www.diigo.com/profile/

Great tool for maps on webpages

on 2006-08-07 by howell

Easily add google map to webpage

on 2006-10-25 by xemaps

Most people really like the embedded Google Maps, but don't know how easy it is to add them to any page. I've had a few people ask me how it is done. With a little bit of HTML knowledge, anyone can quickly have a map up and running in just a few minutes.

on 2006-10-25 by mm53bar

"Most people really like the embedded Google Maps, but don't know how easy it is to add them to any page. I've had a few people ask me how it is done. With a little bit of HTML knowledge, anyone can quickly have a map up and running in just a few minutes.

on 2006-11-26 by electracool

tutorial about adding google maps

on 2006-12-14 by tapirka

Most people really like the embedded Google Maps, but don't know how easy it is to add them to any page. I've had a few people ask me how it is done. With a little bit of HTML knowledge, anyone can quickly have a map up and running in just a few minutes.

Public Sticky notes

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <script src="http://maps.google.com/maps?file=api&v=2&key=
[YOURKEY]" type="text/javascript"></script>
  </head>
  <body onload="showMap();" onunload="GUnload()">
   <script type="text/javascript">
    //<![CDATA[
    function showMap()
        {
        if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());	
        map.setCenter(new GLatLng(31.95216223802497, -7.71875), 1);
          }
        }
    //]]>
    </script>
  </body>
</html>

Highlighted by http://www.diigo.com/profile/

http://www.google.com/apis/maps/.

Highlighted by howell