source: oceandb/jQuery_Prototype/script/textualzoomcontrol.js @ 115

Last change on this file since 115 was 115, checked in by rider, 15 years ago

ZoomIn/Out? icons & libraries

File size: 2.1 KB
Line 
1  function TextualZoomControl() {
2  }
3 
4  TextualZoomControl.prototype = new GControl();
5
6//  Creates a one DIV for each of the buttons and places them in a container
7//  DIV which is returned as our control element.
8  TextualZoomControl.prototype.initialize = function(map) {
9    var container = document.createElement("div");
10
11// "Zoom In" button
12    var zoomInDiv = document.createElement("div");
13    this.setButtonStyle_(zoomInDiv);
14    container.appendChild(zoomInDiv);
15    zoomInDiv.appendChild(document.createTextNode("Zoom In"));
16    // The "true" argument in the zoomIn() method allows continuous zooming
17    GEvent.addDomListener(zoomInDiv, "click", function() {map.zoomIn(null,null,true);} );
18
19// "Zoom Out" button
20    var zoomOutDiv = document.createElement("div");
21    this.setButtonStyle_(zoomOutDiv);
22    zoomOutDiv.style.borderTop = 0+'px';
23    container.appendChild(zoomOutDiv);
24    zoomOutDiv.appendChild(document.createTextNode("Zoom Out"));
25    // The "true" argument in the zoomOut() method allows continuous zooming
26    GEvent.addDomListener(zoomOutDiv, "click", function() {map.zoomOut(null,true);} );
27
28//    We add the control to to the map container and return the element
29//    for the map class to position properly.
30
31    map.getContainer().appendChild(container);
32    return container;
33  }
34
35
36//  The control will appear in the top left corner of the map with 7 pixels of padding.
37  TextualZoomControl.prototype.getDefaultPosition = function() {
38    return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(15, 7));
39  }
40
41// Sets the proper CSS for the given button element.
42  TextualZoomControl.prototype.setButtonStyle_ = function(button) {
43    button.style.textDecoration = "none";
44    button.style.color = "black";
45    button.style.backgroundColor = "white";
46//    button.style.font = "12px Verdana bold";
47    button.style.fontFamily = "Verdana";
48    button.style.fontSize = "12px";
49    button.style.fontWeight= "bold";
50    button.style.border = "1px solid gray";
51    button.style.padding = "0px";
52    button.style.marginBottom = "0px";
53    button.style.textAlign = "center";
54    button.style.width = "7em";
55    button.style.height = "15px";
56    button.style.cursor = "pointer";
57  }
58
Note: See TracBrowser for help on using the repository browser.