ArmourEE Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
~~NOTOC~~
====== Shimmering ======

<html>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyBeXtLpX49xgl0UWXCxYOdJBe7CcMqEHdk&sensor=false"></script> 
  <script type="text/javascript"> 
    var mapTypes = {};
 
    // set up the map types
					mapTypes['Shimmering'] = {
					      getTileUrl: function(coord, zoom) {
						return "http://localhost:8080/ms/m/Europe_Map_Region_Shimmering_Coast/"  + zoom + "/" + coord.x + "/" + coord.y;
					      },
					      tileSize: new google.maps.Size(256, 256),
					      isPng: false,
					      maxZoom: 4,
					      minZoom: 0,
					      name: 'Shimmering',
					      credit: 'ArmourEE'
					    };
 
    var map;
    var mapTypeIds = [];
 
    // Setup a copyright/credit line, emulating the standard Google style
    var creditNode = document.createElement('div');
    creditNode.id = 'credit-control';
    creditNode.style.fontSize = '11px';
    creditNode.style.fontFamily = 'Arial, sans-serif';
    creditNode.style.margin = '0 2px 2px 0';
    creditNode.style.whitespace = 'nowrap';
    creditNode.index = 0;
 
    function setCredit(credit) {
      creditNode.innerHTML = credit + ' -';
    }
 
    function initialize() {
 
      // push all mapType keys in to a mapTypeId array to set in the mapTypeControlOptions
      for (var key in mapTypes) {
        mapTypeIds.push(key);
      }
 
      var mapOptions = {
        zoom: 0,
        center: new google.maps.LatLng(0, 0),
        mapTypeControlOptions: {
          mapTypeIds: mapTypeIds,
          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        }
      };
      map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
 
      // push the credit/copyright custom control
      map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(creditNode);
      
      function EuclideanProjection() {
          var EUCLIDEAN_RANGE = 256;
          this.pixelOrigin_ = new google.maps.Point(EUCLIDEAN_RANGE / 2,
                     EUCLIDEAN_RANGE / 2);
          this.pixelsPerLonDegree_ = EUCLIDEAN_RANGE / 360;
          this.pixelsPerLonRadian_ = EUCLIDEAN_RANGE / (2 * Math.PI);
          this.scaleLat = 1.4140625;        // Height - multiplication scale factor
          this.scaleLng = 1.4140625;        // Width - multiplication scale factor
          this.offsetLat = 0;        // Height - direct offset +/-
          this.offsetLng = 0;        // Width - direct offset +/-
      };

      EuclideanProjection.prototype.fromLatLngToPoint = function(latLng, opt_point) {
          var point = opt_point || new google.maps.Point(0, 0);
          var origin = this.pixelOrigin_;
          point.x = (origin.x + (latLng.lng() + this.offsetLng ) *
                     this.scaleLng * this.pixelsPerLonDegree_);
          // NOTE(appleton): Truncating to 0.9999 effectively limits latitude to
          // 89.189.  This is about a third of a tile past the edge of the world tile.
          point.y = (origin.y + (-1 * latLng.lat() + this.offsetLat ) *
                     this.scaleLat * this.pixelsPerLonDegree_);
          return point;
      };

      EuclideanProjection.prototype.fromPointToLatLng = function(point) {
          console.log("fromPointToLatLng:",point.y,point.x);
          var me = this;
          var origin = me.pixelOrigin_;
          var lng = (((point.x - origin.x) / me.pixelsPerLonDegree_) /
                  this.scaleLng) - this.offsetLng;
          var lat = ((-1 *( point.y - origin.y) / me.pixelsPerLonDegree_) /
                     this.scaleLat) - this.offsetLat;
          return new google.maps.LatLng(lat , lng, true);
      };
      prj = new EuclideanProjection();
 
      // add the new map types to map.mapTypes
      for (key in mapTypes) {
            mapType = new google.maps.ImageMapType(mapTypes[key]);
            map.mapTypes.set(key, mapType);
            mapType.projection = prj;
      }
 
      // handle maptypeid_changed event to set the credit line
      google.maps.event.addListener(map, 'maptypeid_changed', function() {
        setCredit(mapTypes[map.getMapTypeId()].credit);
      });
 
      // start with the world map type
      map.setMapTypeId('Shimmering');

      // set up the markers
    }
 
  </script> 
  <div id="map_canvas" style="width: 640px; height: 480px;">map div</div> 
  <script type="text/javascript">
  initialize();
  </script>
</html>
ArmourEE Wiki

User Tools

Site Tools

Page Tools
