首页 > 其他分享 >cesium 加载各类地图的方法集合

cesium 加载各类地图的方法集合

时间：2024-04-30 15:01:16浏览次数：24  
标签：Cesium style format url 集合 wmts cesium new 加载

1. 天地图服务

// 矢量底图
viewer.imageryLayers.addImageryProvider(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&tk=" + webKey,
    layer: "tdtVecBasicLayer",
    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&tk=" + webKey,
    layer: "tdtAnnoLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible"
}));

// 影像底图
viewer.imageryLayers.addImageryProvider(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&tk=" + webKey,
    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&tk=" + webKey,
    layer: "tdtAnnoLayer",
    style: "default",
    format: "image/jpeg",
    tileMatrixSetID: "GoogleMapsCompatible",
    show: false
}));

另一种写法

//矢量地图
this.viewer.imageryLayers.addImageryProvider(
    new Cesium.WebMapTileServiceImageryProvider({
        url: "http://{s}.tianditu.gov.cn/vec_c/wmts?service=wmts&request=GetTile&version=1.0.0" +
            "&LAYER=vec&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +
            "&style=default&format=tiles&tk=天地图的TOKEN",
        layer: "tdtCva",
        style: "default",
        format: "tiles",
        tileMatrixSetID: "c",
        subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
        tilingScheme: new Cesium.GeographicTilingScheme(),
        tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
        maximumLevel: 18
    })
);
//影像地图
this.viewer.imageryLayers.addImageryProvider(
    new Cesium.WebMapTileServiceImageryProvider({
        url: "http://{s}.tianditu.gov.cn/img_c/wmts?service=wmts&request=GetTile&version=1.0.0" +
            "&LAYER=img&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +
            "&style=default&format=tiles&tk=天地图的TOKEN",
        layer: "tdtCva",
        style: "default",
        format: "tiles",
        tileMatrixSetID: "c",
        subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
        tilingScheme: new Cesium.GeographicTilingScheme(),
        tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
        maximumLevel: 18
    })
);
//栅格地图
this.viewer.imageryLayers.addImageryProvider(
    new Cesium.WebMapTileServiceImageryProvider({
        url: "http://{s}.tianditu.gov.cn/ter_c/wmts?service=wmts&request=GetTile&version=1.0.0" +
            "&LAYER=ter&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +
            "&style=default&format=tiles&tk=天地图的TOKEN",
        layer: "tdtCva",
        style: "default",
        format: "tiles",
        tileMatrixSetID: "c",
        subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
        tilingScheme: new Cesium.GeographicTilingScheme(),
        tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
        maximumLevel: 18
    })
);
//标记地图
this.viewer.imageryLayers.addImageryProvider(
    new Cesium.WebMapTileServiceImageryProvider({
        url: "http://{s}.tianditu.gov.cn/cia_c/wmts?service=wmts&request=GetTile&version=1.0.0" +
            "&LAYER=cia&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +
            "&style=default&format=tiles&tk=天地图的TOKEN",
        layer: "tdtCva",
        style: "default",
        format: "tiles",
        tileMatrixSetID: "c",
        subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
        tilingScheme: new Cesium.GeographicTilingScheme(),
        tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],
        maximumLevel: 18
    })
);

2.ArcGIS 服务

// 灰色个性地图
new Cesium.ArcGisMapServerImageryProvider({
    url:"https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetGray/MapServer"
});
// 深蓝色个性地图
new Cesium.ArcGisMapServerImageryProvider({
    url:"https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer"
});
// 暖色个性地图
new Cesium.ArcGisMapServerImageryProvider({
    url:"https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer"
});
// 常规矢量地图
new Cesium.ArcGisMapServerImageryProvider({
    url:"https://map.geoq.cn/arcgis/rest/services/ChinaOnlineCommunity/MapServer"
});

 3.OpenStreetMap 服务

// 黑色风格
new Cesium.UrlTemplateImageryProvider({
    url: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png ",
    subdomains: ["a", "b", "c", "d"],
})
// 正常风格
new Cesium.UrlTemplateImageryProvider({
    url: "https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png",
    subdomains: ["a", "b", "c", "d"],
})
// 地形图
new Cesium.UrlTemplateImageryProvider({
    url: "https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png",
    subdomains: ["a", "b", "c", "d"],
})

4.Mapbox地图（未验证）

viewer.imageryLayers.addImageryProvider(new Cesium.MapboxStyleImageryProvider({
    url: 'https://api.mapbox.com/styles/v1',
    username: '注册的账号名称',
    styleId: '自定义地图时获取的styleId',
    accessToken: '自定义地图时获取的AccessToken',
    scaleFactor: true
}));

5.高德地图服务（未验证）

常用高德地图地址： 矢量地图带注记：https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z} 矢量地图不带注记：http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}&scl=1&ltype=3 影像不带注记：http://webst0{1-4}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z} 道路带注记：http://webst0{1-4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8 道路不带注记：http://wprd0{1-4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8<ype=11 矢量带注记http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z} 
//高德矢量图
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}",
    minimumLevel: 3,
    maximumLevel: 18
})

//高德影像
new Cesium.UrlTemplateImageryProvider({
    url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
    minimumLevel: 3,
    maximumLevel: 18
})

//高德路网中文注记
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",
    minimumLevel: 3,
    maximumLevel: 18
})

6.腾讯地图

// 腾讯地图
var tencentImageryProvider = new Cesium.UrlTemplateImageryProvider({ 
    url: "https://p2.map.gtimg.com/sateTiles/{z}/{sx}/{sy}/{x}_{reverseY}.jpg?version=400", 
    customTags: { 
      sx: function(imageryProvider, x, y, level) { return x >> 4; }, 
      sy: function(imageryProvider, x, y, level) { return ((1 << level) - y) >> 4 }
    }
  });
imageLayers.addImageryProvider(tencentImageryProvider);

7.geoserver发布的服务

//tms服务
new Cesium.UrlTemplateImageryProvider({
    url: "http://localhost:8001/geoserver/gwc/service/tms/1.0.0/XXX/{z}/{x}/{reverseY}.png",
    enablePickFeatures: false
});

//wms服务
new Cesium.WebMapServiceImageryProvider({
    // 这里是你的 geoserver服务点击查看图层的 url
    url: data.url,
    // 这里是自定义的图层名称
    layers: data.layer,
    parameters: {
        service: "WMS",
        format: "image/png",
        transparent: true
    }
});

//wmts服务
var wmtsLayer = new Cesium.WebMapTileServiceImageryProvider({
    url: 'http://localhost:8088/geoserver/gwc/service/wmts/rest/test:shandong/{style}/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/png',
    layer: 'test:shandong',
    style: '',
    format: 'image/png',
    tileMatrixSetID: 'EPSG:900913',
    maximumLevel: 20
})

//mfs服务
var viewer = newCesium.Viewer('cesiumContainer');
$.ajax({
    url: "http://localhost:8082/geoserver/mytest/ows?service=WFS&request=GetFeature&typeName=mytest:river4&outputFormat=application/json",
    cache: false,
    async: true,
    success: function (data) {
        var datasource = Cesium.GeoJsonDataSource.load(data);
        viewer.dataSources.add(datasource);
    },
    error: function (data) {
        console.log("error");
    }
});
var entities = dataSource.entities.values; for (var i = 0; i < entities.length; i++) {
    var entity = entities[i];
    var polylineVolume = {
        positions: entity.polyline._positions,
        shape: computeCircle(50.0),
        material: Cesium.Color.RED
    }
    entity.polylineVolume = polylineVolume;
    entity.polyline = null;
}

 

标签：Cesium,style,format,url,集合,wmts,cesium,new,加载
From： https://www.cnblogs.com/amadoGrowers/p/18166349

相关文章

  • Go语言系列——数组和切片、可变参数函数、Maps、字符串、指针、结构体、方法、接口（一
    文章目录11-数组和切片数组数组的声明数组是值类型数组的长度使用range迭代数组多维数组切片创建一个切片切片的修改切片的长度和容量使用make创建一个切片追加切片元素切片的函数传递多维切片内存优化12-可变参数函数什么是可变参数函数语法通过一些例子理解可变参......
  • 【Redis】Redis的操作命令（四）——Redis 集合（SET）
    Redis的SET是String类型的无序列表。添加无序列表语句：SADDsetDemoredis获取无序列表语句SMEMBERSsetDemoRedis集合命令如下：命令描述例子SADDkeymember1[member2]向集合添加一个或多个成员 SCARDkey获取集合的成员数 SDIFFkey1[key2]返回......
  • 把SPA的加载速度提升一倍，有没有搞头？
    众所周知，纯前端渲染的单页应用（SPA）渲染比较慢，其中一个问题是：先加载公共js，再根据路由动态加载页面需要的js。如下图：commons.e7c0f857.js加载并解析完毕后（2.53s）再发起对order.15cd187e.js的加载(2.24s)。本文以VUE项目为例。为什么会出现串行加载的情况诚然，这是由于路由懒......
  • Windows Boot Loader是Windows操作系统的一部分，它是引导加载程序，负责启动Windows操作
    WindowsBootLoader是Windows操作系统的一部分，它是引导加载程序，负责启动Windows操作系统。它位于系统启动磁盘的特定位置，并在计算机启动时加载。BootLoader负责加载操作系统的核心文件，并引导系统进入正常的运行状态。它的作用是确保系统能够正确启动，加载必要的系统文件和驱......
  • oracle集合
    并集（UNION）用于合并两个或多个SELECT语句的结果集SELECTcolumn_name(s)FROMtable1UNIONALLSELECTcolumn_name(s)FROMtable2;交集（INTERSECT）返回两个或多个查询结果集中都存在的行SELECTcolumn_name(s)FROMtable1INTERSECTSELECTcolumn_name(s)FROMtable2......
  • python 如何动态加载lib中的函数
    classTestInstance:def__init__(self):#初始化库字典，存放找到的库self.lib=Proxy()#使用一个代理对象来模拟层级结构classProxy:def__init__(self):self._libObjectDictCache={}def_getLibInstance(self,l......
  • Java(2)-粗解类加载器
    Java的类加载器是Java运行时环境中的重要组件，核心功能是将类的字节码加载到Java虚拟机中。举个例子可以通过一个图书馆的比喻来形象地解释类加载器的作用、用法和使用场景。想象一下，有一个巨大的图书馆（JVM），其中有非常多的藏书（类）。当你（程序）需要阅读一本书（使用一个类）时，你首先需要......
  • AssemblyResolve巧解未能加载文件或程序集“Newtonsoft.Json, Version=6.0.0.0的问题
    问题：未能加载文件或程序集“Newtonsoft.Json,Version=6.0.0.0,Culture=neutral,PublicKeyToken=30ad4fe6b2a6aeed”或它的某一个...问题分析：原因是因为引用的Microsoft.AspNet.SignalR.Client库的依赖项是6.0版本的Newtonsoft.Json，而且是动态加载进去的（用Assembly.LoadFrom),......
  • GIS中XYZ瓦片的加载流程解析与实现
    1.什么是XYZ瓦片XYZ瓦片是一种在线地图数据格式，常见的地图底图如Google、OpenStreetMap等互联网的瓦片地图服务，都是XYZ瓦片，严格来说是ZXY规范的地图瓦片ZXY规范的地图瓦片规则如下：将地图全幅显示时的图片从左上角开始，往下和往右进行切割，切割的大小默认为256*256像素，左上角的......
  • dp 集合思想优化
    链接：https://ac.nowcoder.com/acm/contest/78807/D来源：牛客网时间限制：C/C++1秒，其他语言2秒空间限制：C/C++262144K，其他语言524288K64bitIOFormat:%lld题目描述Bingbong有一个长度为n的数字字符串S，该字符串仅包含[0,9]的数字。Bingbong想要从中挑选出若干个字符，......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99