<html>
<head>
<title>切片浏览</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script src="js/OpenLayers.js"></script>
<script src="js/Config.js"></script>
<script type="text/javascript">
var map, layer; //complex object of type OpenLayers.Map
//Initialise the 'map' object
function init() {
var imageUrl=GetParamValue("strImageUrl",strImageUrl);
map = new OpenLayers.Map("map", {
maxExtent : new OpenLayers.Bounds(-20037508.3427892,
-20037508.3427892, 20037508.3427892, 20037508.3427892),
numZoomLevels : 18,
maxResolution : 156543.0339,
units : 'm',
projection : "EPSG:900913",
displayProjection : new OpenLayers.Projection("EPSG:4326")
});
layer = new OpenLayers.Layer.TMS("Name",
imageUrl, {
'type' : 'png',
'getURL' : get_my_url
});
map.addLayer(layer);
map.addControl(new OpenLayers.Control.PanZoomBar());
var lonLat = new OpenLayers.LonLat(parseInt(strX), parseInt(strY));
lonLat.transform(map.displayProjection, map.getProjectionObject());
map.setCenter(lonLat, parseInt(strLevel));
}
//自定义切片规则的切片路径获取
function get_my_url(bounds) {
var res = this.map.getResolution();
var x = Math.round((bounds.left - this.maxExtent.left)
/ (res * this.tileSize.w));
var y = Math.round((this.maxExtent.top - bounds.top)
/ (res * this.tileSize.h));
var z = this.map.getZoom();
var imgtype = "png";
var imgsrc = this.url+ "/"+z+ "/"+ Math.floor(x/16) + "/"+ Math.floor((Math.pow(2,z) - 1 - y)/ 16) + "/"+x + "_" + (Math.pow(2, z) - 1 - y);
return imgsrc+ "."+imgtype;
}
function GetParamValue(findParam, defaultValue)
{
var arr0 = document.location.href.split("?");
if (arr0.length <= 1) return defaultValue;
var arr;
if( arr0[1].indexOf("&")==-1)
{
arr = arr0[1].split("%26");
}
else
{
arr = arr0[1].split("&");
}
for (var i=0; i<arr.length; i++)
{
if (arr[i].indexOf(findParam) == 0 && arr[i].indexOf("=") == findParam.length)
{
arr = arr[i].split("=");
defaultValue = arr[1];
break;
}
}
return defaultValue;
}
</script>
</head>
<!-- body.onload is called once the page is loaded (call the 'init' function) -->
<body onload="init();">
<!-- define a DIV into which the map will appear. Make it take up the whole window -->
<div style="width: 100%; height: 100%" id="map"></div>
</body>
</html>
自定义规则切片浏览.rar （26个子文件） 
js 
Config.js 451B OpenLayers.js 722KB img 
north-mini.png 484B measuring-stick-off.png 3KB marker-blue.png 992B layer-switcher-minimize.png 249B
blank.gif 42B marker-green.png 967B east-mini.png 451B zoombar.png 463B drag-rectangle-off.png 1KB west-mini.png 453B marker-gold.png 831B zoom-world-mini.png 1KB south-mini.png 481B panning-hand-on.png 4KB measuring-stick-on.png 4KB layer-switcher-maximize.png 451B slider.png 285B zoom-minus-mini.png 359B zoom-plus-mini.png 489B panning-hand-off.png 4KB marker.png 606B drag-rectangle-on.png 1KB cloud-popup-relative.png 3KB
My_TMS.html 3KB
- 1
- 2
- 3
- 4
前往页