OpenLayers3加载离线百度地图(百度迁徙底图)

关于openlayers加载离线百度地图的东东好几年前就做过了，不过当时做的是2.0版本的。

自从好久没有去做可视化分析之后，也很少接触这些前端的JS的东西了。最近想实现一个东西的时候，才想起需要用到一些比较干净的底图。

于是刚好选用了百度迁徙后面的底图。

由于百度的JS包东西太多，需要的东西太复杂，于是就选用openlayers来进行测试。果然还是非常流畅。

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://localhost:8080/baidu2/"+z+"/"+parseInt(tileCoord[1]/100)+"/"+parseInt(tileCoord[1]/100)+"/"+x+"_"+y+".png"
}
});

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: 5
})
});

通过上述模式，调用展示结果如下：

OpenLayers3加载离线百度地图(百度迁徙底图)相关推荐

如何采用离线的 Google Map API 加载离线谷歌地图的方法
原文转自:http://www.arceyes.com/bbs/thread-18476-1-1.html 如何采用离线的 Google Map API 加载离线谷歌地图的方法一.下载示例数据这里 ...
leaflet加载离线瓦片地图
首先我们要明白瓦片地图的请求原理. 其实瓦片地图并不是什么特殊的文件,就是最普通的png图片.之所以为地图,就是带有了地理坐标. 打开network,查看其请求的的url就能明白其请求的原理了. 主要 ...
QGIS加载离线瓦片地图
1.瓦片地图准备利用<全能地图下载软件>下载瓦片地图: 选择下载地图种类. 选择下载区域. 选择下载的级数. 下载完后 2.TMS.XML文件新建编辑编辑完后放在瓦片地图根目录 3.Q ...
web高德地图怎么加载离线地图_基于 QGIS 在内网中离线加载卫星地图的方法
1. 概述我们之前为大家分享过在三维地球开源平台离线加载卫星影像的方法,主要包括基于桌面端的OsgEarth开源三维地球和基于Web端的Cesium开源三维地球等平台的局域网离线影像加载. 另外,也 ...
Leaflet中加载离线OSM瓦片地图(使用OfflineMapMaker切割下载离线png地图文件)
场景 Leaflet快速入门与加载OSM显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122290880 上面加载显示 ...
Openlayers3 加载百度地图，天地图
2019独角兽企业重金招聘Python工程师标准>>> openlayers3 加载百度地图: var projection = ol.proj.get("EPSG:385 ...
百度API加载离线百度电子地图和卫星切片
百度API加载离线百度电子地图和卫星切片,可动态切换如有侵权请联系删除本案例展示使用百度离线api加载百度离线切片效果图如下使用工具 1.下载百度切片,可使用太乐地图下载器,可购买正版软件,或 ...
osgEarth如何加载离线谷歌卫星地图瓦片的源码教程
说明本实例演示重新编译bing驱动直接加载本地离线影像瓦片地图. 本实例使用软件版本:osg3.3.1和osgEarth2.5 VC10编译环境(参考osgearth加载谷歌卫星地图的源码案例),v ...
Cesium加载离线地图和离线地形
文章目录前言一.Cesium加载离线地图 1.1 下载数据 2.2 数据处理 2.3 地图发布 2.4下载速度改进二.Cesium加载离线地形 2.1 下载数据 2.2 数据处理 2.3 地形发 ...

OpenLayers3加载离线百度地图(百度迁徙底图)

OpenLayers3加载离线百度地图(百度迁徙底图)相关推荐

最新文章

热门文章