-->

WEB资讯

您的当前位置:首页 > 资讯 > WEB框架> cesium

Cesium影像服务-加载其他地图服务数据

2019-03-04 16:22:35  来源:admin 点击:2461

1、ArcGIS在线影像底图(因为ArcGIS在线影像底图没有注记,所以用web墨卡托的天地图注记图层作为它的注记图层)


viewer = new Cesium.Viewer("cesiumContainer", {

            animation: false,  //是否显示动画控件

            baseLayerPicker: false, //是否显示图层选择控件

            geocoder: true, //是否显示地名查找控件

            timeline: false, //是否显示时间线控件

            sceneModePicker: true, //是否显示投影方式控件

            navigationHelpButton: false, //是否显示帮助信息控件

            infoBox: true,  //是否显示点击要素之后显示的信息

            imageryProvider : new Cesium.ArcGisMapServerImageryProvider({

                url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",

            })

        });

//        viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({

//            url: "http://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Transportation/MapServer",

//        }));

        viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({

            url: "http://t1.tianditu.cn/DataServer?T=cia_w&X={x}&Y={y}&L={z}",

//            layer: "tdtAnnoLayer",

//            style: "default",

//            format: "image/jpeg",

//            tileMatrixSetID: "GoogleMapsCompatible"

        }));


1、1ArcGIS在线街道底图(在全国范围内为英文注记,等放大的省市区县则为中文注记)


viewer = new Cesium.Viewer("cesiumContainer", {

            animation: false,  //是否显示动画控件

            baseLayerPicker: false, //是否显示图层选择控件

            geocoder: true, //是否显示地名查找控件

            timeline: false, //是否显示时间线控件

            sceneModePicker: true, //是否显示投影方式控件

            navigationHelpButton: false, //是否显示帮助信息控件

            infoBox: true,  //是否显示点击要素之后显示的信息

            imageryProvider : new Cesium.ArcGisMapServerImageryProvider({

                url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer",

            })

        });


2、高德影像底图


viewer = new Cesium.Viewer("cesiumContainer", {

            animation: false,  //是否显示动画控件

            baseLayerPicker: false, //是否显示图层选择控件

            geocoder: true, //是否显示地名查找控件

            timeline: false, //是否显示时间线控件

            sceneModePicker: true, //是否显示投影方式控件

            navigationHelpButton: false, //是否显示帮助信息控件

            infoBox: true,  //是否显示点击要素之后显示的信息

            imageryProvider : new Cesium.UrlTemplateImageryProvider({

                url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",

//                layer: "tdtVecBasicLayer",

//                style: "default",

//                format: "image/png",

//                tileMatrixSetID: "GoogleMapsCompatible",

//                show: false

            })

        });

        viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({

            url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",

//            layer: "tdtAnnoLayer",

//            style: "default",

//            format: "image/jpeg",

//            tileMatrixSetID: "GoogleMapsCompatible"

        }));


2、1高德街道底图


viewer = new Cesium.Viewer("cesiumContainer", {

            animation: false,  //是否显示动画控件

            baseLayerPicker: false, //是否显示图层选择控件

            geocoder: true, //是否显示地名查找控件

            timeline: false, //是否显示时间线控件

            sceneModePicker: true, //是否显示投影方式控件

            navigationHelpButton: false, //是否显示帮助信息控件

            infoBox: true,  //是否显示点击要素之后显示的信息

            imageryProvider : new Cesium.UrlTemplateImageryProvider({

                url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",

//                layer: "tdtVecBasicLayer",

//                style: "default",

//                format: "image/png",

//                tileMatrixSetID: "GoogleMapsCompatible",

//                show: false

            })

        });

        viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({

            url: "http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8",

//            layer: "tdtAnnoLayer",

//            style: "default",

//            format: "image/jpeg",

//            tileMatrixSetID: "GoogleMapsCompatible"

        }));

针对于esri地图服务可以去国家天地图网站

--------------------- 

原文地址:https://blog.csdn.net/u011365716/article/details/84772021 

全球矢量地图服务

var viewer = new Cesium.Viewer("cesiumContainer", {

    animation: false,  //是否显示动画控件

    baseLayerPicker: false, //是否显示图层选择控件

    geocoder: true, //是否显示地名查找控件

    timeline: false, //是否显示时间线控件

    sceneModePicker: true, //是否显示投影方式控件

    navigationHelpButton: false, //是否显示帮助信息控件

    infoBox: true,  //是否显示点击要素之后显示的信息

    imageryProvider : new Cesium.WebMapTileServiceImageryProvider({

        url: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",

        layer: "tdtVecBasicLayer",

        style: "default",

        format: "image/jpeg",

        tileMatrixSetID: "GoogleMapsCompatible",

        show: false

    })

});

全球影像地图服务

var viewer = new Cesium.Viewer("cesiumContainer", {

    animation: false,  //是否显示动画控件

    baseLayerPicker: false, //是否显示图层选择控件

    geocoder: true, //是否显示地名查找控件

    timeline: false, //是否显示时间线控件

    sceneModePicker: true, //是否显示投影方式控件

    navigationHelpButton: false, //是否显示帮助信息控件

    infoBox: true,  //是否显示点击要素之后显示的信息

    imageryProvider: new Cesium.WebMapTileServiceImageryProvider({

        url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",

        layer: "tdtBasicLayer",

        style: "default",

        format: "image/jpeg",

        tileMatrixSetID: "GoogleMapsCompatible",

        show: false

    })

});

全球影像中文注记服务

viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({

    url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",

    layer: "tdtAnnoLayer",

    style: "default",

    format: "image/jpeg",

    tileMatrixSetID: "GoogleMapsCompatible",

    show: false

}));

全球矢量中文注记服务

viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({

    url: "http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",

    layer: "tdtAnnoLayer",

    style: "default",

    format: "image/jpeg",

    tileMatrixSetID: "GoogleMapsCompatible"

}));

//goole在线服务

使用cesium的UrlTemplateImageryProvider接口扩展,实现世界封装在ImageryProviderWebExtendTool的createGoogleMapByUrl方法中。

var GoogleMap = ImageryProviderWebExtendTool.createGoogleMapsByUrl(Cesium, { url: "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}" });

        var viewer = new Cesium.Viewer('cesiumContainer', {

            imageryProvider: GoogleMap ,

            contextOptions: {

                webgl: {

                    alpha: true

                }

            },

            creditContainer: "creditContainer",

            selectionIndicator: false,

            animation: false,  //是否显示动画控件

            baseLayerPicker: false, //是否显示图层选择控件

            geocoder: false, //是否显示地名查找控件

            timeline: false, //是否显示时间线控件

            sceneModePicker: true, //是否显示投影方式控件

            navigationHelpButton: false, //是否显示帮助信息控件

            infoBox: false,  //是否显示点击要素之后显示的信息

            fullscreenButton: true

        });


相关文章更多 >

© 2024版权所有 水水网

电话:171780793