Team Atmosphere

From Step 2007 Wiki

(Difference between revisions)
Line 1: Line 1:
Here is an example of a Map:
Here is an example of a Map:
-
<googlemap lat="49.281755" lon="-123.125045" zoom="17">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-
49.26049, -123.11394, Vancouver, BC, Canada
+
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
49.280278, -123.12571, sheraton
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
49.281797, -123.125496, discover Patina
+
  <head>
-
49.283806, -123.120958, Fairmont Hotel with Mavis and Beau
+
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
-
</googlemap>
+
    <title>Google Maps JavaScript API Example</title>
-
[[Image:Wild 2548.jpg]]
+
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAqFQAnznROFDNcSHZYLvbQBRXVOiDp7YC66ybiYiko0Pp-Qks1RQoFNJHA-FsGSSlkeIm1Qc0dzLLVQ"
 +
      type="text/javascript"></script>
 +
    <script type="text/javascript">
-
<!-- ++Begin Map Search Control Wizard Generated Code++ -->
+
    //<![CDATA[
-
  <!--
+
-
  // Created with a Google AJAX Search Wizard
+
-
  // http://code.google.com/apis/ajaxsearch/wizards.html
+
-
  -->
+
-
  <!--
+
     function load() {
-
  // The Following div element will end up holding the map search control.
+
       if (GBrowserIsCompatible()) {
-
  // You can place this anywhere on your page
+
        var map = new GMap2(document.getElementById("map"));
-
  -->
+
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
-
  <div id="mapsearch">
+
       }
-
     <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
+
-
  </div>
+
-
 
+
-
  <!-- Maps Api, Ajax Search Api and Stylesheet
+
-
  // Note: If you are already using the Maps API then do not include it again
+
-
  //       If you are already using the AJAX Search API, then do not include it
+
-
  //      or its stylesheet again
+
-
  //
+
-
  // The Key Embedded in the following script tags is designed to work with
+
-
  // the following site:
+
-
  // http://editthis.info/step_2007_wiki
+
-
  -->
+
-
  <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAqFQAnznROFDNcSHZYLvbQBRXVOiDp7YC66ybiYiko0Pp-Qks1RQoFNJHA-FsGSSlkeIm1Qc0dzLLVQ"
+
-
    type="text/javascript"></script>
+
-
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=ABQIAAAAqFQAnznROFDNcSHZYLvbQBRXVOiDp7YC66ybiYiko0Pp-Qks1RQoFNJHA-FsGSSlkeIm1Qc0dzLLVQ"
+
-
    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 : 275px;
+
     }
     }
-
     .gsmsc-idleMapDiv {
+
     //]]>
-
      height : 275px;
+
     </script>
-
     }
+
   </head>
-
 
+
   <body onload="load()" onunload="GUnload()">
-
    #mapsearch {
+
     <div id="map" style="width: 500px; height: 300px"></div>
-
      width : 365px;
+
   </body>
-
      margin: 10px;
+
</html>
-
      padding: 4px;
+
-
    }
+
-
   </style>
+
-
   <script type="text/javascript">
+
-
     function LoadMapSearchControl() {
+
-
 
+
-
      var options = {
+
-
            zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL,
+
-
            title : "Akasofu and Elvey buildings",
+
-
            url : "http://maps.google.com/maps?ie=UTF8&amp;amp;ll=64.859386,-147.849348&amp;amp;spn=0.005652,0.010568&amp;amp;t=k&amp;amp;z=17&amp;amp;om=1",
+
-
            idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM,
+
-
            activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM
+
-
            }
+
-
 
+
-
      new GSmapSearchControl(
+
-
            document.getElementById("mapsearch"),
+
-
            "Koyukuk Drive, Fairbanks, Alaska",
+
-
            options
+
-
            );
+
-
 
+
-
    }
+
-
    // arrange for this function to be called during body.onload
+
-
    // event processing
+
-
    GSearch.setOnLoadCallback(LoadMapSearchControl);
+
-
   </script>
+
-
<!-- ++End Map Search Control Wizard Generated Code++ -->
+

Revision as of 19:54, 2 July 2007

Here is an example of a Map: <!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>
   <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAqFQAnznROFDNcSHZYLvbQBRXVOiDp7YC66ybiYiko0Pp-Qks1RQoFNJHA-FsGSSlkeIm1Qc0dzLLVQ"
     type="text/javascript"></script>
   <script type="text/javascript">

   //<![CDATA[

   function load() {
     if (GBrowserIsCompatible()) {
       var map = new GMap2(document.getElementById("map"));
       map.setCenter(new GLatLng(37.4419, -122.1419), 13);
     }
   }

   //]]>
   </script>
 </head>
 <body onload="load()" onunload="GUnload()">

 </body>

</html>

Retrieved from "http://editthis.info/step_2007_wiki/Team_Atmosphere"
Personal tools