第三步：将以下代码复制并保存为html文件（如“；========================；&html&；&head&；&metahttp-equiv="；&metaname=&viewp；&metaname=&apple；&title&OpenLayersT；&
第三步：将以下代码复制并保存为html文件（如“example_TDMTiles.html”），放到“D:\Test\OpenLayers-2.13.1\examples”目录中。
==============================代码开始============================= &!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8&&
&meta name=&viewport& content=&width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0&&
&meta name=&apple-mobile-web-app-capable& content=&yes&&
&title&OpenLayers Tiled Map Service Example&/title&
&link rel=&stylesheet& href=&../theme/default/style.css& type=&text/css&&
&link rel=&stylesheet& href=&style.css& type=&text/css&&
&script src=&../lib/OpenLayers.js&&&/script&
&script type=&text/javascript&&
var lon = 105;
var lat = 39;
var zoom = 2;
function init(){
//map = new OpenLayers.Map( 'map', {maxResolution:1.40625/2} );
map = new OpenLayers.Map(&map&, {
}); maxExtent: new OpenLayers.Bounds(-180,-90,180,90), numZoomLevels:18, maxResolution:0.3515625, units:'degree', projection: &EPSG:4326&, displayProjection: new OpenLayers.Projection(&EPSG:4326&)
layer = new OpenLayers.Layer.TMS(&Name&, &../../data/&,{'type':'jpg', 'getURL':get_my_url });
map.addLayer(layer);
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.addControl(new OpenLayers.Control.MousePosition());
OpenLayers.LonLat(lon,
map.setCenter(new
lat).transform(map.displayProjection, map.getProjectionObject()), zoom);
function get_my_url (bounds) {
var res = this.map.getResolution();
var x = Math.round ((bounds.left + 180) / (res * this.tileSize.w)); var y = Math.round ((90 - bounds.top) / (res * this.tileSize.h)); var z = this.map.getZoom() + 3; z= tlen(1, z); x= tlen(5, x); y = tlen(5, y);
} var path = &L&+z+&/&+ y + &-& + x + &.jpg&; var url = this. if (url instanceof Array) {
} return url + url = this.selectUrl(path, url);
function tlen(len, mystr){
mystr = String(mystr);
var num = len - mystr.
for (var i = 0; i &= i++)
function addTMS() {
l = new OpenLayers.Layer.TMS(
OpenLayers.Util.getElement('layer').value,
OpenLayers.Util.getElement('url').value,
'layername': OpenLayers.Util.getElement('layer').value,
'type': OpenLayers.Util.getElement('type').value
map.addLayer(l);
map.setBaseLayer(l);
&style type=&text/css&&
body,td,th {
&/style&&/head&
&body onLoad=&init()&&
&h1 id=&title&&Tiled Map Service Example&/h1&
&div id=&tags&&
tile, cache, tms
&p id=&shortdesc&&
Demonstrate the initialization and modification of a Tiled Map Service layer.
&div id=&map& class=&smallmap&&&/div&
&div id=&docs&&
URL of TMS (Should end in /): &input type=&text& id=&url& size=&60& value=&http://tilecache.osgeo.org/wms-c/Basic.py/& /& layer_name &input type=&text& id=&layer&
value=&basic& /& &select id=&type&&&option&jpg&/option&&option&png&/option&&/select& &input type=&submit& onClick=&addTMS()&/&&br&
Example: http://tilecache.osgeo.org/wms-c/Basic.py/, basic, jpg&br&
The first input must be an HTTP URL pointing to a TMS instance. The second
input must be a layer name available from that instance, and the third must font-size: 14
be the output format used by that layer. (Any other behavior will result in
broken images being displayed.)
==============================代码结束=============================
第四步：双击打开刚才保存的文件，如果部署正确，则将会显示离线卫星地图的浏览结果，如下图所示。
以上即是在OpenLayers中离线浏览天地图卫星地图的源码示例，你可以基于此平台并根据自己的实际需求作进一步开发了。
三亿文库包含各类专业文献、各类资格考试、中学教育、生活休闲娱乐、高等教育、应用写作文书、幼儿教育、小学教育、天地图卫星地图在OpenLayers中的应用示例源码70等内容。　
　Openlayers3加载国家天地图WMTS服务示例_计算机软件及应用_IT/计算机_专业资料。...Openlayers3 加载国家天地图 WMTS 服务示例。 1.部分代码: var projection = ... 　Openlayers使用地图数据_计算机软件及应用_IT/计算机_专业资料。Openlayers 使用地图数据 [摘要]针对小型应用程序使用地图数据量小的问题,采用基础图层并对影像 数据进行... 　使用Openlayers 调用天地图在线服务数据国家测绘局 ...其中线划地图 10 级 以上,卫星地图 8 级以上只...提供的 GeoSurfJSAPI.js 中已经包含相关代码,通过给... 　ArcMap中使用天地图在线地图服务_计算机软件及应用_IT/计算机_专业资料。ArcMap中使用天地图在线地图服务 如何在 ArcMap 中使用天地图在线地图服务第一步、从山东天... 　1.2.3 地图初始化 OpenLayers 3 入门教程 | 9 生成地图的下一步包含一些初始化代码,在该示例中,我们在文档的前添加
元素来实现。
var map = new ol.Map... 　OpenLayers接口文档_计算机软件及应用_IT/计算机_专业...元素实例化的对象为地图容器,可以向地图容器中添加...返回投影对象代码,3.0版本将改成返回投影对象 返回... 　基于openlayers地图框架的搭建_计算机软件及应用_IT/计算机...先添加一段 css 样式 在 html 代码中写上 然后写...天地图卫星地图在OpenLa... 10页 免费喜欢... 　本文设计开发了下载和拼接天地图影像数据的相关程序软件,采用先下载瓦片影像, ...在首页 HTML 页面代码中修改地图显示中心和缩放级别: map.setCenter(new Point(... 上传我的文档
 下载
 收藏
毕业于医学院校，在医院工作，有相对丰富的护理经验
 下载此文档
正在努力加载中...
天地图卫星地图在OpenLayers中的应用示例源码
下载积分：1500
内容提示：天地图卫星地图在OpenLayers中的应用示例源码
文档格式：DOC|
浏览次数：20|
上传日期： 05:18:25|
文档星级：
全文阅读已结束，如果下载本文需要使用
 1500 积分
下载此文档
该用户还上传了这些文档
天地图卫星地图在OpenLayers中的应用示例源码
官方公共微信