空间管理您的位置: 3sNews.Net——3S社区&资讯平台 » my name is barry » 日志

arcgis api for flex 高级主题（一） esri tilemap 四叉树索引研究

上一篇 / 下一篇 2008-10-18 19:21:35 / 个人分类：mushup

arcgis api for flex 高级主题（一） esri tilemap 四叉树索引研究
esri tilemap四叉树索引和google map 的四叉树索引是有区别的，区别在于

google map在第一次分幅的时候分为4片，但esri tilemap只分为2片，相当于在

第三和第四象限没有图。只有（0,0）(0,1)的时候才有图，这就造成了google

map和esri tilemap融合的时候比较复杂，不能使用相同的分幅方法。
在下面的例子里，实现了根据nzoom，以及经纬度取esri服务器上对应的图片。
图片是512*512的。这个算法是用flex来实现的，也可以用其他语言去实现，然后

从服务器上裁图。（注意大家不要搞N个线程去下arcgisonline上的数据，不然会

把arcgisonline的服务搞挂的O(∩_∩)O哈哈~）

7Mqi1fix0Flash:demo

j:k4Nu"E*Oof5WY0什么都不多说了，直接放代码。

<?xml version="1.0" encoding="utf-8"?>
z/n.t&XZ0<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:esri="http://www.esri.com/2008/ags"
    layout="absolute"
>
    <mx:Script>
        <![CDATA[
        import com.esri.ags.geometry.MapPoint;
_s.A~!qj.qaJ U0            import mx.containers.HBox;
6G9M U/u1^v}\/jKS0        import mx.containers.VBox;
I&l\MdO9v$W0        import mx.controls.Image;
        import mx.rpc.events.ResultEvent;
        //导入flash的命名空间
Jch$U6e f$j/c0        import mx.collections.ArrayCollection;
            import mx.controls.Alert;
~^MYz5dY?8{,@fo0            import mx.controls.Button;
            import mx.rpc.AsyncResponder;
J{5\U2r0            import flash.geom.Point;
j-ij g#^9QK)ge0            import mx.rpc.events.FaultEvent;
3t3w],a0CL[s0            import mx.printing.FlexPrintJobScaleType;
            import mx.printing.FlexPrintJob;
Q,M:V(|%U0            import mx.rpc.soap.mxml.Operation;
D.l PGBa5R$E0            import mx.containers.Canvas;
             import flash.text.*;
             import mx.controls.Text;

            private function GetURL(nZoom:int,mp:Point):String
            {
)^v?p;F9U0            varurl:String= new String();
/|+W7GSA~0            url = "";
S)[!Vg4o%I9e3\0            if(nZoom < 0 ||nZoom>15)
r;[Q#prh)O4tF0              return url;
            if(mp.x >180||mp.x<-180 ||mp.y>90||mp.y<-90)
                 return url;
T5g:}G%?U"cJj}+T0            var pnt:Point = GetTileXY(nZoom,mp);
6\(k^#Q+IdBV0Sf0
            url = "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/tile/"+nZoom.toString()+"/"+pnt.y.toString()+"/"+pnt.x.toString();
SST5z4E4e0            return url;
            }
9sj;Lc OJV0            private function GetTileXY(nZoom:int,mp:Point):Point
n5R1O6Km~#vi|-[0  {
   var wx:Number;
   var wy:Number;
+LNc|h6}Y+u0   var cx:Number;
   var cy:Number;
|2fWrQ5]"[ qB0   var xArray:Array = new Array();
   var yArray:Array = new Array();

   cx = 0;
   cy = -90;
2^'kMtMMz Ka0   wx = wy = 180;
)o#RG X:mU0   var i:int = 0;
   var x:int = 0;
G,\#gbLe ~4{+r0   var y:int = 0;
   for (i = 0; i <= nZoom; i++)
   {
    if (mp.x >= cx)
TU#yz9E/O9u0    {
qRd4U rT0     if (mp.y >= cy)
:Y2?d7wKFX$E0     {
$l&dt/KlM:Nz0      xArray.push(1);
      yArray.push(0);
7i?tG#Xn0      cx += wx/2;
      cy += wy/2;
     }
     else
AqM,m,Pm3r0     {
      xArray.push(1);
      yArray.push(1);
({i&|f8_;rM `0      cx += wx/2;
:|yLJK'k0      cy -= wy/2;
     }
    }
    else
    {
     if (mp.y < cy)
     {
7i"c7[)K7YzW0      xArray.push(0);
      yArray.push(1);
      cx -= wx/2;
^8t)rmt!H0      cy -= wy/2;
     }
     else
3J c(W#^YC.I{ m0     {
&XB5k^|0      xArray.push(0);
      yArray.push(0);
      cx -= wx/2;
      cy += wy/2;
     }
~l:Q6yJ'm1J*T\0    }
    wx = wx/2;
    wy = wy/2;
   }
   for(i = nZoom;i >=0;i--)
   {
_(A~ e'_-_l~0    x = x+xArray[i]*Math.pow(2,nZoom-i);
    y = y+yArray[i]*Math.pow(2,nZoom-i);
   }
   var pnt :Point = new Point(x,y);
2zB e W8C;d0   return pnt;
w Gf7i*Jcu}0  }
#M5{8jjB H~e&l0   private function OnClick():void
  {
   var zoom :int = new int(nZoom.text);
6hj"MJll0    var x:Number = new Number(Lon.text) ;
   var y:Number = new Number(Lat.text);
6Le0D/{;Bg g2MD0    var pnt:Point = new Point(x,y);
   var url :String = GetURL(zoom,pnt);
   myImage.load(url);
  }
D1D]c7e2ia U0        ]]>
    </mx:Script>
y0d;uL+C0    <mx:VBox>
E.Wo s5R/`g0    <mx:Panel id = "myPanel" width="512" height="512">
ZC:NyVHTnp*h"Z}0   <mx:Image id = "myImage" width="100%" height="100%"/>
;MP M$fg K_'X0   </mx:Panel>
c9MQ_Zpx u3v0   <mx:HBox>
   <mx:VBox>
     <mx:HBox>
     <mx:Label text="级别"/>
      <mx:TextInput width="30%" id="nZoom" text="2" enter="OnClick()"/>
v8cy2U0z4S)cc0     </mx:HBox>
  <mx:HBox>
4w{azk6~+P0       <mx:Label text="纬度"/>
      <mx:TextInput width="30%" id="Lat" text="40" enter="OnClick()"/>
qWB)}Ycx\9bSd0     </mx:HBox>
#i1qT [&O0     <mx:HBox>
       <mx:Label text="经度"/>
      <mx:TextInput width="30%" id="Lon" text="116" enter="OnClick()"/>
     </mx:HBox>
,ugx k U~ w\0   </mx:VBox>
cJcsh.B5W0   <mx:Button label="GetImage" click="OnClick()"/>
   </mx:HBox>
    </mx:VBox>