first round test code for yahoo layer

git-svn-id: http://svn.openlayers.org/trunk/openlayers@614 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
2006-06-17 15:11:36 +00:00
parent 467236ed25
commit bf60b9d01d
2 changed files with 182 additions and 0 deletions
--- a/examples/yahoo.html
+++ b/examples/yahoo.html
@@ -0,0 +1,38 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="imagetoolbar" content="no"> <!--ie image gizmo OFF!-->
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, layer, velayer;
+
+        function init(){
+            map = new OpenLayers.Map('map');
+
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+
+
+            yahooLayer = new OpenLayers.Layer.Yahoo( "Yahoo"); 
+
+            map.addLayer(yahooLayer);
+
+            map.setCenter(new OpenLayers.LonLat(-5, 40), 4);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
+  </body>
+</html>
--- a/lib/OpenLayers/Layer/Yahoo.js
+++ b/lib/OpenLayers/Layer/Yahoo.js
@@ -0,0 +1,144 @@
+// @require: OpenLayers/Layer.js
+
+// load Yahoo map control script
+document.write("<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAmQ3udCHPQVB_9T_edFZ7YRRRlP-tOiFgaSzksg_0w1dphL9c5BTfdJMKT91b0UJGibNcWEM0Q5-O1w'></script>");
+
+/**
+ * @class
+ */
+OpenLayers.Layer.Yahoo = Class.create();
+OpenLayers.Layer.Yahoo.prototype = Object.extend( new OpenLayers.Layer(), {
+
+    /** @type Boolean */
+    viewPortLayer: true,
+
+    /** @type GMap2 gmap stores the Google Map element */
+    ymap:null,
+   
+    /** @type Boolean */
+    dragging:false,
+    
+    /** 
+     * @constructor
+     * 
+     * @param {String} name
+     */
+    initialize: function(name) {
+        OpenLayers.Layer.prototype.initialize.apply(this, [name]);
+    },
+    
+     /** 
+     * @param {OpenLayers.Map} map
+     */
+    setMap:function(map) {
+        OpenLayers.Layer.prototype.setMap.apply(this, arguments);
+
+        // once our layer has been added to the map, we can create the vemap
+        this.map.events.register("addlayer", this, this.loadYMap);
+    },
+
+    /** 
+     * @param {OpenLayers.Bounds} bounds
+     * @param {int} zoomChanged
+     */
+    moveTo:function(bounds,zoomChanged) {
+
+        if ((this.ymap != null) && (!this.dragging)) {
+
+            var olCenter = this.map.getCenter();
+            var gCenter = this.getYMapCenter();
+            
+            var olZoom = this.map.getZoom();
+            var gZoom = this.ymap.getZoomLevel();
+            
+            if ((!olCenter.equals(yCenter)) || ((olZoom +1) != yZoom)) {
+                this.ymap.drawZoomAndCenter(new YGeoPoint(olCenter.lat, olCenter.lon), 
+                                    olZoom + 1);
+            }
+        }
+    },
+
+    /**
+     * 
+     */
+    loadYMap:function() {
+        // create div and set to same size as map
+        var yDiv = OpenLayers.Util.createDiv(this.name);
+        var sz = this.map.getSize();
+        yDiv.style.width = sz.w;
+        yDiv.style.height = sz.h;
+        this.div.appendChild(yDiv);
+
+        // create GMap, hide nav controls
+        this.ymap = new YMap(this.div);
+        this.moveTo();  
+
+        // catch pans and zooms from GMap
+        var e = new YEvent(this.ymap, 
+                           "endpan", 
+                           catchPanZoom, 
+                           this); 
+
+
+/**
+        // attach to the drag start and end and we<77>ll set a flag so that
+        //  we dont get recursivity. this is because the events fall through
+        //  the gmaps div and into the main layer div
+        GEvent.addListener(this.gmap, 
+                           "dragstart", 
+                           this.dragStart.bindAsEventListener(this)); 
+
+        GEvent.addListener(this.gmap, 
+                           "dragend", 
+                           this.dragEnd.bindAsEventListener(this)); 
+ */
+
+    },
+
+    /** 
+     * @private
+     */
+    dragStart: function() {
+        this.dragging = true;
+    },
+    
+    /** 
+     * @private
+     */
+    dragEnd: function() {
+        this.dragging = false;
+    },
+    
+    /**
+     * @private 
+     * 
+     * @param {event} e
+     */
+    catchPanZoom: function(e) { 
+        var olCenter = this.getYMapCenter();
+        var yZoom = this.ymap.getZoomLevel();
+
+        this.map.setCenter(olCenter, yZoom - 1);
+        
+    },
+
+    /**
+     * @private
+     * 
+     * @returns An OpenLayers.LonLat with the center of the ymap, or null if 
+     *           the YMap has not been centered yet
+     * @type OpenLayers.LonLat
+     */
+    getYMapCenter:function() {
+        var olCenter = null;
+        var yCenter = this.ymap.getCenterLatLon();
+        if (yCenter != null) {
+            olCenter = new OpenLayers.LonLat(yCenter.Lon, yCenter.Lat);
+        }
+        return olCenter;
+    },
+ 
+    
+    /** @final @type String */
+    CLASS_NAME: "OpenLayers.Layer.Yahoo"
+});