02-Cesium地球影像

    科技2022-07-21  137

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../../Build/Cesium/Cesium.js"></script> <link rel="stylesheet" href="../../Build/Cesium/Widgets/widgets.css"> <style> html, body { height: 100%; margin: 0px; padding: 0px; } </style> </head> <body> <div id="cesiumContainer" style="height: 100%;"></div> <script> //加载谷歌中国卫星影像,谷歌地球商业版,需要翻墙,报跨域资源请求错误 var url = "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali"; var Google = new Cesium.UrlTemplateImageryProvider({ url: url }) //Viewer第一个参数容器就是需要上面的div容器承载 var viewer = new Cesium.Viewer('cesiumContainer', { // 将图层选择的控件关掉,才能添加其他影像数据 baselLayerPicker: false, imageryProvider: Google, }); //-----------------------------------------------------------其他地球影像 // var esri = new Cesium.ArcGisMapServerImageryProvider({ // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer', // enablePickFeatures: false // }); </script> </body> </html>

    运行截图

    Processed: 0.009, SQL: 8