贴一段生成img tag的代码的骨架:
function VE_MapTile(c,tx,ty,zl,ms,x,y,w,h)
{
this.c=c;
this.tx=tx;
this.ty=ty;
this.zl=zl;
this.ms=ms;
this.key=this._TileToQuadKey(zl,tx,ty);
this.f=this._BuildFilename();
this.id="tile_"+this.key;
......
var img=document.createElement("img");
this.img=img;
img.id=this.id;
img.style.position="absolute";
img.style.zIndex=VE_MapTile.baseZIndex;
img.style.cursor="pointer";
img.οnmοusedοwn=VE_MapControl._MouseDown;
img.οnmοuseup=VE_MapControl._MouseUp;
img.οnmοusemοve=VE_MapControl._MouseMove;
img.onmousewheel=VE_MapControl._MouseWheel;
img.οndblclick=VE_MapControl._MouseDoubleClick;
img.οncοntextmenu=VE_MapControl._ContextMenu;
img.src=this.f;
..........
var overlay=document.createElement("div");
this.overlay=overlay;
overlay.style.position="absolute";
............
overlay.innerHTML=this.key+"<br>"+tx+", "+ty;
}
_BuildFilename()就根据坐标和zoom level去生成对应的tiled图片文件url。 回复 更多评论
function VE_MapTile(c,tx,ty,zl,ms,x,y,w,h)
{
this.c=c;
this.tx=tx;
this.ty=ty;
this.zl=zl;
this.ms=ms;
this.key=this._TileToQuadKey(zl,tx,ty);
this.f=this._BuildFilename();
this.id="tile_"+this.key;
......
var img=document.createElement("img");
this.img=img;
img.id=this.id;
img.style.position="absolute";
img.style.zIndex=VE_MapTile.baseZIndex;
img.style.cursor="pointer";
img.οnmοusedοwn=VE_MapControl._MouseDown;
img.οnmοuseup=VE_MapControl._MouseUp;
img.οnmοusemοve=VE_MapControl._MouseMove;
img.onmousewheel=VE_MapControl._MouseWheel;
img.οndblclick=VE_MapControl._MouseDoubleClick;
img.οncοntextmenu=VE_MapControl._ContextMenu;
img.src=this.f;
..........
var overlay=document.createElement("div");
this.overlay=overlay;
overlay.style.position="absolute";
............
overlay.innerHTML=this.key+"<br>"+tx+", "+ty;
}
_BuildFilename()就根据坐标和zoom level去生成对应的tiled图片文件url。 回复 更多评论
评论