OL4叠加显示天地图地图服务之XYZ实例

1.天地图

var tdtter = "http://t6.tianditu.com/DataServer?T=ter_w&x={x}&y={y}&l={z}";
var tdtras = "http://t6.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}";
var tdtrod = "http://t6.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}";

2.构造图层

///叠加显示的天地图
    tdtTerLayer = new ol.layer.Tile({
        visible: true,
        source: new ol.source.XYZ({
            url: tdtter
        })
    });


    tdtRasLayer = new ol.layer.Tile({
        visible:false,
        source: new ol.source.XYZ({
            url: tdtras
        })
    });


    tdtRodLayer = new ol.layer.Tile({
        visible:false,