WebGis基本功能展示

				//Abstract Control class
				Abstract.Control = function(){}
				Abstract.Control.prototype = {
				    initialize: function(){    
				    },
				    
				    paint: function(){
				        
				    },
				    
				    loadTiles: function(model, container, mapDiv, isTracing){
				        var curZoom = model.getZoom();
				        var tiles = curZoom.getTiles(model, container);
				        var oldTiles = new Array();
				        var tileDivs = mapDiv.childNodes;
				        if(mapDiv.id.indexOf('Ov_')==-1){
				            var scale = curZoom.getScale()* 1.5 / 100;
				            if(scale 				                scale = parseInt(scale) +" 米";
				            }
				            else{
				                scale = parseInt(scale /1000 *100)/100 + " 公里";
				            }
				            
				            $('scaleInfo').innerHTML = scale;
				        }
				        
				        if(isTracing){
				            model.traces[model.traceIndex] = {coord:model.getViewCenterCoord(), level:curZoom.getLevel()};
				            model.traceIndex += 1;            
				            model.curIndex = model.traceIndex - 1;
				        }
				        
				        var n = 0;
				        if(tileDivs){
				            for(var i=0; i				                oldTiles.push(tileDivs[i]);
				            }            
				        }        
				        if(tiles){
				            for(var i=0; i				                var tileId = "map_" + model.getId() + "_zoom_" + model.getZoom().getLevel() + "_tile_" + tiles[i].getRow() + "_" + tiles[i].getColumn();
				                var isExist = false;
				                for(var j=0; j									if(oldTiles[j] != null && oldTiles[j].getAttribute("id")==tileId){
										isExist = true;
										oldTiles[j] = null;
										break;
									}
								}
								
								if (!isExist) 
								{
									var deltaX = tiles[i].getColumn() * TileSize;
									var deltaY = tiles[i].getRow() * TileSize;
									var tile = document.createElement("div");
									tile.id = tileId;
									tile.style.position = "absolute";
									tile.style.left = deltaX + "px";
									tile.style.top = deltaY + "px";
									tile.onmousedown = null;
									mapDiv.appendChild(tile);
									var tileImage = document.createElement("img");
									tileImage.src = tiles[i].getSrc();
									tileImage.galleryImg = 'no';
									tileImage.onmousedown = null;
									tile.appendChild(tileImage);
									n++;					
								}				
				            }
				        }
				        for (var i=0; i							if(oldTiles[i] != null && oldTiles[i].getAttribute("id").indexOf("Over_") > -1){
							    if(tiles.length == n)
							        this.resetOverlay(mapDiv, model, oldTiles[i]);
							    continue;
							}
							if (oldTiles[i] != null) {
								mapDiv.removeChild(oldTiles[i]);
							}
						}
						oldTiles = null;
						tiles = null;
						tileDivs = null;
				    },
				    
				    
				    resetOverlay: function(mapDiv, model, div){
				        if(div){
				            for(var i=0; i				                if(model.overlays[i].id == div.id){
				                    model.overlays[i].setToMap(mapDiv, model, div);
				                    break;
				                }
				                
				            }
				        }
				    }
				    
				};