Openlayers3 加载百度地图,天地图
2019独角兽企业重金招聘Python工程师标准>>>
openlayers3 加载百度地图:
var projection = ol.proj.get("EPSG:3857");var resolutions = [];for(var i=0; i<19; i++){resolutions[i] = Math.pow(2, 18-i);}var tilegrid = new ol.tilegrid.TileGrid({origin: [0,0],resolutions: resolutions});var baidu_source = new ol.source.TileImage({projection: projection,tileGrid: tilegrid,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";}});var baidu_layer = new ol.layer.Tile({source: baidu_source});var map = new ol.Map({target: 'map',layers: [baidu_layer],view: new ol.View({center: [12959773,4853101],zoom: 12})});
openlayers3 加载天地图:
路网
var tian_di_tu_road_layer = new ol.layer.Tile({title: "天地图路网",source: new ol.source.XYZ({url: "http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}"})
});
map.addLayer(tian_di_tu_road_layer);
注记
var tian_di_tu_annotation = new ol.layer.Tile({title: "天地图文字标注",source: new ol.source.XYZ({url: 'http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}'})
});
map.addLayer(tian_di_tu_annotation);
卫星影像
var tian_di_tu_satellite_layer = new ol.layer.Tile({title: "天地图卫星影像",source: new ol.source.XYZ({url: 'http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}'})
});
map.addLayer(tian_di_tu_satellite_layer);
转载于:https://my.oschina.net/u/1783074/blog/714449
Openlayers3 加载百度地图,天地图相关推荐
- OpenLayers3加载百度地图
BaiduMapSource.js /*** 加载百度地图* @returns {ol.layer.Tile}*/ function loadBaiduMap() {//数据源信息var attrib ...
- ol xyz 加载天地图_Openlayers3 加载百度地图,天地图
2019独角兽企业重金招聘Python工程师标准>>> openlayers3 加载百度地图: var projection = ol.proj.get("EPSG:385 ...
- web端加载百度地图和天地图
1.加载百度地图 在页面中引入js文件 <html> <head> <script type="text/javascript" src=" ...
- (转) Arcgis for js加载百度地图
http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲 ...
- openlayers加载百度地图作为底图坐标偏移的解决办法
openlayers加载天地图作为底图,在网上找了公开的服务资源,要做到百度地图与天地图之间切换,同样也从网上找到百度地图的服务资源但是在地图上坐标总是有偏差,最初的代码是这样的: var proje ...
- angular使用openlayers6以及加载百度地图
angular中使用openlayers本来是没什么难度的,但是如果要加载百度地图还是有些问题的,在openlayers3中坐标是从原点右上递增,而openlayers6中是右下递增,这就导致使用百度 ...
- FGMap学习之--加载百度地图
今天我们用FGMap来加载百度地图数据. 从目前国内的地图服务商提供的地图来看,地图瓦片切图规则只少分为三种.其中Google Map.Bing地图.MapABC.QQ地图是一类,而百度地图.搜狗地图 ...
- 【百度地图】——利用三级联动加载百度地图
[百度地图]--利用三级联动加载百度地图 HTML+CSS代码如下: <!DOCTYPE html> <html lang="en"><head> ...
- leaflet、cesium加载百度地图,加载自定义样式百度地图
1 leaflet.cesium加载百度地图(官方预设样式) 预留,待补充 2 leaflet.cesium加载百度自定义样式地图 样式编辑器新版地址:http://lbsyun.baidu.com/ ...
最新文章
- python迷宫问题求最短路径_用栈求解迷宫问题的所有路径及最短路径程序
- 为什么LINUX不需要碎片整理
- 玩转python轻松过二级_关于通话的阿里云论坛用户知识和技术交流
- Phalcon入门教程之安装
- Linux 下 pmap 命令的使用
- 养成一个SQL好习惯带来一笔大财富
- 瑞斯康达nms_瑞斯康达iTN产品资料
- 如何用计算机仿真解决能源危机,计算机仿真技术在安全领域内的应用.pdf
- getter方法的作用 vuex_Vuex的工作流程
- Python的元组被设计成不可变的影响
- python右键弹出菜单编写_python实现应用程序在右键菜单中添加打开方式功能
- always中的敏感变量
- Eclipse Debug功能的使用教程
- 公益/广告-bloggerads广告是为了钱?[非推广文章哈]
- 关于ppp、PPPoE、PPTP、L2TP、IPSec协议的简单认识
- html5 css3时间特效,炫酷纯CSS3响应式垂直时间轴特效
- 软工网络15个人阅读作业1-评分发布
- lol服务器维护 胜率,说下这游戏服务器控制胜率怎么来的。
- 迪厅装修后地板清洁与保养
- 8个亿!河南首富再次无偿捐款西湖大学,西湖大学河南籍校董高达11位