JavaScript Forum

**rezzy** · 05-19-2008, 10:02 AM

hello all,

I would like to make a map to a business. I would like a marker that will indicate the location of the business.

Currently, it will only display the area the marker should be. Here is the code I currently have.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>

  <div id="mapsearch">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">One Moment</span>
  </div>

  <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAEMZPF1wtJKXadYrrkUSIlhT_ZZT0e3q4ZpL9tag7In2ZlBB0UBQqx6WF3pYL-Hcl6auTtJbYesxrmw"
    type="text/javascript"></script>
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=ABQIAAAAEMZPF1wtJKXadYrrkUSIlhT_ZZT0e3q4ZpL9tag7In2ZlBB0UBQqx6WF3pYL-Hcl6auTtJbYesxrmw"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/css/gsearch.css");
  </style>

  <!-- Map Search Control and Stylesheet -->
  <script type="text/javascript">
    window._uds_msw_donotrepair = true;
  </script>
  <script src="http://www.google.com/uds/solutions/mapsearch/gsmapsearch.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/mapsearch/gsmapsearch.css");
  </style>

  <style type="text/css">
    .gsmsc-mapDiv {
      height : 300px;
    }

    .gsmsc-idleMapDiv {
      height : 300px;
    }

    #mapsearch {
      width : 400px;
      margin: 10px;
      padding: 4px;
    }
  </style>
  <script type="text/javascript">
    function LoadMapSearchControl() {

      var options = {
            zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL,
            title : "Unique Skin Care",
            url : "http://www.uniqueskincare.net",
            idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM+1,
            activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM+1
            }

      new GSmapSearchControl(
            document.getElementById("mapsearch"),
            "319 First Colonial Road Virginia Beach, Virginia 23454",
            options
            );

    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadMapSearchControl);
  </script>
<!-- ++End Map Search Control Wizard Generated Code++ -->
            
  </body>

</html>

**smarty** · 05-19-2008, 02:31 PM

hi,

if you carefully look at google map api documentation at google site. they explained it clearly and extremely well. So you can easily put marker,
Longitude and Latitude is what you need to see there

regards