openlayers3 加载各种底图,持续更新中。
来源:互联网 发布:java 7年工作经验 编辑:程序博客网 时间:2024/06/04 18:39
/*****************************************************************************
* rl.js *
*****************************************************************************/
/**
* 底图类
**/
// 百度地图层
var projection = ol.proj.get("EPSG:3857");
var resolutions = [];
for(var i=0; i<19; i++){
resolutions[i] = Math.pow(2, 18-i);
}
var baiduMapLayer = new ol.layer.Tile({
source: new ol.source.TileImage({
crossOrigin: 'anonymous',
projection: projection,
tileGrid: new ol.tilegrid.TileGrid({
origin: [0,0],
resolutions: resolutions
}),
tileUrlFunction: function(tileCoord, pixelRatio, proj){
if(!tileCoord){
return "";
}
var z = tileCoord[0];
var x = tileCoord[1];
var y = tileCoord[2];
if(x<0){
x = "M"+(-x);
}
if(y<0){
y = "M"+(-y);
}
return "http://online3.map.bdimg.com/onlinelabel/?qt=tile&x="+x+"&y="+y+"&z="+z+"&styles=pl&udt=20151021&scaler=1&p=1";
}
})
});
//Bing中文地图层
var bingMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tilePixelRatio: 2,
tileUrlFunction: function(tileCoord){
var z = tileCoord[0];
var x = tileCoord[1];
var y = -tileCoord[2] - 1;
var result='', zIndex=0;
for(; zIndex<z; zIndex++) {
result = ((x&1)+2*(y&1)).toString() + result;
x >>= 1;
y >>= 1;
}
return 'http://dynamic.t0.tiles.ditu.live.com/comp/ch/' + result + '?it=G,VE,BX,L,LA&mkt=zh-cn,syr&n=z&og=111&ur=CN';
}
})
});
//高德地图层
var gaodeMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
url:'http://webst0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}'
})
});
//google地图层
var googleMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
url:'http://www.google.cn/maps/vt/pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i345013117!3m8!2szh-CN!3scn!5e1105!12m4!1e68!2m2!1sset!2sRoadmap!4e0'
})
});
//Open Street Map 地图层
var openStreetMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
url: 'http://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
})
});
//天地图 图层
var tiandituMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tileUrlFunction: function(tileCoord) {
var z = tileCoord[0];
var x = tileCoord[1];
var y = tileCoord[2];
var halfTileNum = Math.pow(2, z - 1);
var tiandituY = -y - halfTileNum;
return 'http://t7.tianditu.com/DataServer?T=vec_c&x=' + x + '&y=' + tiandituY + '&l=' + z;
}
})
});
var tiandituMapLayer2 = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tileUrlFunction: function(tileCoord) {
var z = tileCoord[0];
var x = tileCoord[1];
var y = tileCoord[2];
var halfTileNum = Math.pow(2, z - 1);
var tiandituY = -y - halfTileNum;
return 'http://t7.tianditu.com/DataServer?T=cva_c&x=' + x + '&y=' + tiandituY + '&l=' + z;
}
})
});
//yahoo地图层
var yahooMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tileSize: 512,
url:'https://{0-3}.base.maps.api.here.com/maptile/2.1/maptile/newest/normal.day/{z}/{x}/{y}/512/png8?lg=ENG&ppi=250&token=TrLJuXVK62IQk0vuXFzaig%3D%3D&requestid=yahoo.prod&app_id=eAdkWGYRoc4RfxVo0Z4B'
})
});
//arcgi地图wms底图
var arcgisTileLayer = new ol.layer.Tile({
source: new ol.source.TileArcGISRest({
crossOrigin: 'anonymous',
url: "http://10.0.36.61:6080/arcgis/rest/services/ningdongvecwms/MapServer"
})
})
//超图地图wms底图
var superMapTileLayer = new ol.layer.Tile({
source:new ol.source.XYZ({
title: "超图底图",
url:"http://t0.supermapcloud.com/FileService/image?map=quanguo&type=web&x={x}&y={y}&z={z}"
})
});
* rl.js *
*****************************************************************************/
/**
* 底图类
**/
// 百度地图层
var projection = ol.proj.get("EPSG:3857");
var resolutions = [];
for(var i=0; i<19; i++){
resolutions[i] = Math.pow(2, 18-i);
}
var baiduMapLayer = new ol.layer.Tile({
source: new ol.source.TileImage({
crossOrigin: 'anonymous',
projection: projection,
tileGrid: new ol.tilegrid.TileGrid({
origin: [0,0],
resolutions: resolutions
}),
tileUrlFunction: function(tileCoord, pixelRatio, proj){
if(!tileCoord){
return "";
}
var z = tileCoord[0];
var x = tileCoord[1];
var y = tileCoord[2];
if(x<0){
x = "M"+(-x);
}
if(y<0){
y = "M"+(-y);
}
return "http://online3.map.bdimg.com/onlinelabel/?qt=tile&x="+x+"&y="+y+"&z="+z+"&styles=pl&udt=20151021&scaler=1&p=1";
}
})
});
//Bing中文地图层
var bingMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tilePixelRatio: 2,
tileUrlFunction: function(tileCoord){
var z = tileCoord[0];
var x = tileCoord[1];
var y = -tileCoord[2] - 1;
var result='', zIndex=0;
for(; zIndex<z; zIndex++) {
result = ((x&1)+2*(y&1)).toString() + result;
x >>= 1;
y >>= 1;
}
return 'http://dynamic.t0.tiles.ditu.live.com/comp/ch/' + result + '?it=G,VE,BX,L,LA&mkt=zh-cn,syr&n=z&og=111&ur=CN';
}
})
});
//高德地图层
var gaodeMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
url:'http://webst0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}'
})
});
//google地图层
var googleMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
url:'http://www.google.cn/maps/vt/pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i345013117!3m8!2szh-CN!3scn!5e1105!12m4!1e68!2m2!1sset!2sRoadmap!4e0'
})
});
//Open Street Map 地图层
var openStreetMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
url: 'http://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
})
});
//天地图 图层
var tiandituMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tileUrlFunction: function(tileCoord) {
var z = tileCoord[0];
var x = tileCoord[1];
var y = tileCoord[2];
var halfTileNum = Math.pow(2, z - 1);
var tiandituY = -y - halfTileNum;
return 'http://t7.tianditu.com/DataServer?T=vec_c&x=' + x + '&y=' + tiandituY + '&l=' + z;
}
})
});
var tiandituMapLayer2 = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tileUrlFunction: function(tileCoord) {
var z = tileCoord[0];
var x = tileCoord[1];
var y = tileCoord[2];
var halfTileNum = Math.pow(2, z - 1);
var tiandituY = -y - halfTileNum;
return 'http://t7.tianditu.com/DataServer?T=cva_c&x=' + x + '&y=' + tiandituY + '&l=' + z;
}
})
});
//yahoo地图层
var yahooMapLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
crossOrigin: 'anonymous',
tileSize: 512,
url:'https://{0-3}.base.maps.api.here.com/maptile/2.1/maptile/newest/normal.day/{z}/{x}/{y}/512/png8?lg=ENG&ppi=250&token=TrLJuXVK62IQk0vuXFzaig%3D%3D&requestid=yahoo.prod&app_id=eAdkWGYRoc4RfxVo0Z4B'
})
});
//arcgi地图wms底图
var arcgisTileLayer = new ol.layer.Tile({
source: new ol.source.TileArcGISRest({
crossOrigin: 'anonymous',
url: "http://10.0.36.61:6080/arcgis/rest/services/ningdongvecwms/MapServer"
})
})
//超图地图wms底图
var superMapTileLayer = new ol.layer.Tile({
source:new ol.source.XYZ({
title: "超图底图",
url:"http://t0.supermapcloud.com/FileService/image?map=quanguo&type=web&x={x}&y={y}&z={z}"
})
});
欢迎留言,讨论群:653340712
阅读全文
0 0
- openlayers3 加载各种底图,持续更新中。
- openlayers3加载各种底图,补齐中..
- Openlayers3中SVG图加载
- Openlayers3加载天地图
- 各种单位换算--持续更新中
- 各种资源(持续更新中)
- Java 各种概念总结--持续更新中
- 各种前端问题汇总,持续更新中.........
- Android自定义加载动画(持续更新中...)
- Openlayers3加载DXF文件作为底图实现
- OpenLayers3加载离线百度地图(百度迁徙底图)
- 转各种 持续更新
- 使用oracle中遇到的各种问题【持续更新】
- C语言版各种排序算法(持续更新中)
- 各种可以参考的网络文章(持续更新中)
- SSRS 开发中的各种陷阱(持续更新中。。。)
- DynamicsAX开发中的各种陷阱(持续更新中。。。)
- 数据结构与算法各种概念总结-持续更新中
- PAT甲级 1013. Battle Over Cities (25)
- Java序列化与反序列化(Serializable&&Externalizable)
- 开始java的重新学习之路(一)-------maven的安装与配置
- Flume概述—报表数据流
- SpringMVC的拦截器Inceptor
- openlayers3 加载各种底图,持续更新中。
- datagrid列表绑定上下键
- c++虚函数 默认参数
- ubuntu常用命令
- node.js使用(三):文件操作
- oracle过滤和排序
- C++面试题(二)
- Java集合Collection接口的一些方法
- Github第一个仓库