Cesium加载各种互联网地图(一)
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"
}));
有需要谷歌街道谷歌影像底图,或天地图街道,影像,地形底图请留言!
做个简单提示:
Cesium中的imageryProvider 实现于
天地图(wmts服务)对应 WebMapTileServiceImageryProvider
高德地图(xyz瓦片图层)对应 UrlTemplateImageryProvider
针对于esri地图服务可以去国家天地图网站
查看详细信息
后续小编的主要精力放到GIS理论开发知识的大众化的道路了,通过浅显易懂的语言,结合多年行业应用开发,通过微信订阅号传播(每周更新三篇文章及相关GIS编码知识),为GIS的发展尽微博之力。终极目标是让GIS不再专业,让GIS更加大众,使得GIS深入各行业应用,让每位GISER都有一股自豪感!以下是我的微信订阅号二维码,感兴趣的可以交流沟通!
声明:转载请声明出处。
Cesium加载各种互联网地图(一)相关推荐
- cesium加载自定义mapbox地图
cesium加载自定义mapbox地图 自定义mapbox地图 可以使用mapbox studio来自定义地图样式 mapbox-studio官网 首页 使用模版创建地图 自定义地图,然后发布 使用自 ...
- cesium加载arcgis server地图服务
1.制作arcgis server服务 从bigmap中下载了全球1-8级 arcgis 瓦片,配置arcgis地图服务,并发布服务 http://www.bigemap.com/helps/doc2 ...
- 2.(cesium篇)cesium加载接入百度地图
地图之家总目录(订阅之前请先查看该博客) 地图之家:cesium+leaflet+echart+地图数据+地图工具等相关内容的介绍 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信 ...
- cesium加载接入百度地图(cesium篇.2)
听老人家说:多看美女会长寿 地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 下面献上完整代码,代码重要位置会 ...
- 2.(cesium之家)cesium加载接入百度地图
听老人家说:多看美女会长寿 cesium之家总目录(订阅之前建议先查看该博客) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 下面献上完整代码 ...
- leaflet、cesium加载百度地图,加载自定义样式百度地图
1 leaflet.cesium加载百度地图(官方预设样式) 预留,待补充 2 leaflet.cesium加载百度自定义样式地图 样式编辑器新版地址:http://lbsyun.baidu.com/ ...
- 基于Cesium开源框架的3D展示(包含加载三维以及地图的一些基本操作)
加载3Dtile模型数据 3D展示效果 geojson格式数据展示 白驹过隙,时光如梭,又到一年年尾.回想一年的工作,感觉做了很多,又感觉什么都没做成.so,在此回顾一下今年经历过的那些个不一定有头, ...
- 使用cesium加载mapbox地图底色的办法
使用cesium加载mapbox地图底色的办法 安装:vue-cli-plugin-cesium插件 vue-cli-plugin-cesium - npm 获取cesium的token: 申请ces ...
- Cesium加载离线地图和离线地形
文章目录 前言 一.Cesium加载离线地图 1.1 下载数据 2.2 数据处理 2.3 地图发布 2.4下载速度改进 二.Cesium加载离线地形 2.1 下载数据 2.2 数据处理 2.3 地形发 ...
最新文章
- 使用pytest对django项目单元测试
- CreateEvent的用法
- webpack配置es6开发环境
- P4389-付公主的背包【生成函数,多项式exp】
- Android AP模式下获取SSID/PASSWORD
- 全网首发:deb打包时报错dh: Please specify the compatibility level in debian/compat
- Windows 7下IE 11的F12控制台不能使用的解决
- SAP系统登录以及注册开发人员
- 解析仿人化机器人技术的路径
- ssh框架的基本运用
- 命令启动oracle实例,【单选题】启动oracle数据库实例的命令是
- 零基础学前端系列教程 | 和前端谈恋爱的第005天——约会账单
- 消费者人群画像 python_如何正确打开相似人群画像算法
- 服务器装虚拟机要做阵列吗,vm虚拟机做磁盘阵列
- 海康威视2022 校招/社招/实习 内推WHM8BQ
- matlab用抛物线族表示马鞍面,matlab画马鞍面
- 代谢组学检测公司怎么挑选,需要考虑哪些方面?-百趣生物
- 通过百度地图实现定位并获取本地当日天气信息
- 调色板v3.0 for PPTs
- 微服务架构设计实践系列之九:应用架构