天地图是国家队,各个政府部门都在改用天地图,本文主要介绍如何使用Openlayers加载天地图魔卡托投影瓦片,直接上代码,有问题留言
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>openlayers 加载天地图地图</title>
<script type="text/javascript" src="OpenLayers.js"></script>
</head>
<body>
<input type="button" value="标点" οnclick="addMarker()">
<input type="button" value="标线" οnclick="addLine()">
<input type="button" value="标面" οnclick="addPolygon()">
<input type="button" value="清除" οnclick="clearFeature()">点击地图可获取鼠标点击位置屏幕坐标及经纬度
<div id="map" style="width:1024px;height:600px;"></div>
<script type="text/javascript">
get_my_url = function(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 path = "DataServer?T="+this.type+"&x="+x+"&y="+y+"&l="+z;
var url = this.url;
if (url instanceof Array) {
url = this.selectUrl(path, url);
}
return url + path;
}
var resolutions = [
156543.034,
78271.517,
39135.7585,
19567.87925,
9783.939625,
4891.9698125,
2445.98490625,
1222.992453125,
611.4962265625,
30