1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > ol xyz 加载天地图_Openlayers3 加载百度地图 天地图

ol xyz 加载天地图_Openlayers3 加载百度地图 天地图

时间:2020-02-11 13:29:02

相关推荐

ol xyz 加载天地图_Openlayers3 加载百度地图 天地图

独角兽企业重金招聘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./onlinelabel/?qt=tile&x="+x+"&y="+y+"&z="+z+"&styles=pl&udt=1021&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: "/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: '/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: '/DataServer?T=img_w&x={x}&y={y}&l={z}'

})

});

map.addLayer(tian_di_tu_satellite_layer);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。