title: Put an image on Google map
body: <p>I am creating a web page which shows the Google map using JavaScript. How can I put an image on that map as a icon.  Here is what I have:</p>
  
  <p>
  
      </p>
  
  <pre><code>&lt;script language="javascript"&gt;
      var lat=1067;
      var lon=-110;
  
      function load() {
        if (GBrowserIsCompatible()) {
          var map = new GMap2(document.getElementById("map"));
          map.setCenter(new GLatLng(lat, lon), 13);
        }
      }
      function map(position) {
          lat = position.coords.latitude;
          lon = position.coords.longitude;
          load();
      }
      function get_location() {
          navigator.geolocation.getCurrentPosition(map);
      }
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body onload="load()" onunload="GUnload()"&gt;
  &lt;input type ="Button" size = "50" onclick = "get_location();"&gt;Search&lt;/input&gt;
  &lt;div id="map" style="width: 1200px; height: 600px"&gt;&lt;/div&gt;
  </code></pre>