구글 가젯 만들기, Part 1: 구글 가젯 기본요소 (한글)

                    
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Setting Preferences" height="300" />
  <UserPref name="theName" display_name="Name" required="true" 
            default_value="Your name here"/>
  <UserPref name="theSign" display_name="Astrological Sign"/>
  <UserPref name="thePrefs" display_name="Save?" datatype="bool" default_value="true"/>
  <UserPref name="thePrefs2"                     datatype="bool" default_value="true"/>
  <Content type="html">
    <![CDATA[
      Testing...
    ]]>
  </Content>
</Module>

                    
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Enum Example" height="100" />
 <UserPref name="theStyle" display_name="Beer Style" 
           default_value="Stout" datatype="enum" >
    <EnumValue value="Altbier" />
    <EnumValue value="Belgian" />
    <EnumValue value="India Pale Ale (IPA)" />
    <EnumValue value="Kolschs" />
    <EnumValue value="Lambic" />
    <EnumValue value="Pale Ale" />
    <EnumValue value="Pilsner" />
    <EnumValue value="Stout" />
    <EnumValue value="Weizenbier" />
  </UserPref>
  <Content type="html">
    <![CDATA[
      Test the Enumeration
    ]]>
  </Content>
</Module>

                    
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs
    title="List example"
    scrolling="true"/>
  <UserPref name="theList"
    display_name="Ingredients"
    datatype="list"/>
  <Content type="html">
  <![CDATA[
  Testing list
  ]]>
  </Content>
</Module>

                    
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Map of __UP_theZip__" height="300" />
  <UserPref name="theZip"
    display_name="Zip Code"
    datatype="location"
    required="true" />
  <Content type="html">
  <![CDATA[
    <script src="http://maps.google.com/maps?file=js" type="text/javascript"></script>
    <div id="map" style="width: 100%; height: 100%;"></div>

    <script type="text/javascript">

    // Get the user preferences (ZIP code in this case)
    var prefs = new _IG_Prefs(__MODULE_ID__);

    // Create a new Google map object
    var map = new GMap(document.getElementById("map"));

    // Add Pan and Zoom controls to map
    map.addControl(new GSmallMapControl());

    // Allow choice of map or satellite view
    map.addControl(new GMapTypeControl());

    // Show map
    // Note: using the getString() method with the user preference (zip), 
    // we can get longitude and latitude
    map.centerAndZoom(new GPoint(prefs.getString("theZip.long"), 
                      prefs.getString("theZip.lat")), 6);

    </script>

  ]]>
  </Content>
</Module>