Changeset 114


Ignore:
Timestamp:
Dec 2, 2009, 8:33:09 PM (15 years ago)
Author:
rider
Message:

ZoomIn/Out? changed

Location:
oceandb/jQuery_Prototype
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • oceandb/jQuery_Prototype/index.html

    r113 r114  
    11<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    22"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3 <html xmlns="http://www.w3.org/1999/xhtml">
     3<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >
    44  <head>
    5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    6     <meta http-equiv="cache-control" content="must-revalidate" />
     5    <style type="text/css">v\:* {behavior:url(#default#VML);}</style>
     6     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     7     <meta http-equiv="cache-control" content="must-revalidate" />
    78
    89    <title>台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</title>
    9     <link rel="stylesheet" type="text/css" href="css/index.css" />
    10     <link rel="stylesheet" type="text/css" href="css/theme/ui.all.css" />
     10     <link rel="stylesheet" type="text/css" href="css/index.css" />
     11     <link rel="stylesheet" type="text/css" href="css/theme/ui.all.css" />
     12
    1113    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAATvnRv2oQAxn-YPOHmliCIBQnbLOIweY0OrZ98ac3uTCYqV26WxQx_Or8GoXY6RMKDJOKObfAHorwcA" type="text/javascript"></script>
    1214    <script type="text/javascript" src="http://static.simile.mit.edu/timeline/api/timeline-api.js"></script>
    1315    <script src="script/timemap.js" type="text/javascript"></script>
    14     <script src="script/gzoom.js" type="text/javascript"></script>
     16    <script src="script/dragzoom.js" type="text/javascript"></script>
     17    <script src="script/textualzoomcontrol.js" type="text/javascript"></script>
    1518    <script src="script/jquery.js"  language="javascript"></script>
    1619    <script src="script/jquery-ui.js"  language="javascript"></script>
    1720    <script src="script/oceandb.js" language="javascript"></script>
     21  </head>
    1822
    19   <body onLoad="onLoad();" onUnload="GUnload();">
     23  <body onload="onLoad()" onunload="GUnload()">
    2024    <div id="header">
    2125      <div id="main-menu">
  • oceandb/jQuery_Prototype/script/oceandb.js

    r113 r114  
    216216  // Google Earth
    217217  map.addMapType(G_SATELLITE_3D_MAP);
    218   // GZoom Control
    219   map.addControl(new GZoomControl(
    220         {
    221           sButtonHTML:"<img src='image/zooming.gif' />",
    222           sButtonZoomingHTML:"<img src='image/zoom.jpg' />",
    223           oButtonStartingStyle:{width:'24px',height:'24px'},
    224           sColor:'#000',
    225           nOpacity:.2,
    226           sBorder:"2px solid red",
    227           nOverlayRemoveMS:'10000',
    228           bForceCheckResize:'true'
    229         }
    230   ),new GControlPosition(G_ANCHOR_BOTTOM_LEFT,new GSize(3,3)));
     218  // DragZoom Properties
     219  var otherOpts = {
     220    buttonStartingStyle: {background: '#FFF', paddingTop: '4px', paddingLeft: '4px', border:'1px solid black'},
     221    buttonHTML: "<img title='Drag Zoom In' src='image/zoomin.gif'>",
     222    buttonStyle: {width:'25px', height:'25px'},
     223    buttonZoomingHTML: '請選取範圍',
     224    buttonZoomingStyle: {background:'yellow',width:'85px', height:'100%'},
     225    backButtonHTML: "<img title='Zoom Back Out' src='image/zoomout.gif'>",
     226    backButtonStyle: {display:'none',marginTop:'5px',width:'25px', height:'25px'},
     227    backButtonEnabled: true,
     228          overlayRemoveTime: 1500
     229  }
     230  // DragZoom Control
     231  map.addControl(new DragZoomControl({}, otherOpts, {}),new GControlPosition(G_ANCHOR_BOTTOM_LEFT,new GSize(20,60)));
    231232  // 設定預設經緯度北緯 23.8, 東經 121, 預設比例尺 100 公里(7)
    232233  map.setCenter(new GLatLng(23.8,121), 7);
Note: See TracChangeset for help on using the changeset viewer.