前言

cesium 入门开发系列环境知识点了解:
cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等
cesium 在线例子

内容概览

  1. cesium 结合 leaflet 实现鹰眼图
  2. cesium 自身 api 实现鹰眼图
  3. 源代码 demo 下载
  • cesium 结合 leaflet 实现鹰眼图方式
    效果图如下

初始化 cesium

function initialGlobeView() {
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3NjRjNGFjNy1jNDM3LTQzMTktODVlYS05YmFmOTAxYjk5MWUiLCJpZCI6Mzk5MSwic2NvcGVzIjpbImFzbCIsImFzciIsImFzdyIsImdjIl0sImlhdCI6MTUzOTU3OTE2NX0.-25udUzENRJ66mnICMK8Hfc6xgF_VP7P4sWkSHaUjOQ';
var image_Source = new Cesium.UrlTemplateImageryProvider({
// url: 'http://mt0.google.cn/vt/lyrs=t,r&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
url: 'https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
credit: ''
});
viewer = new Cesium.Viewer('cesiumContainer', {
geocoder: false,
homeButton: false,
sceneModePicker: false,
fullscreenButton: false,
vrButton: false,
baseLayerPicker: false,
infoBox: false,
selectionIndicator: true,
animation: false,
timeline: false,
shouldAnimate: true,
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false,
imageryProvider: image_Source
});
viewer.scene.globe.enableLighting = false;
viewer.scene.globe.depthTestAgainstTerrain = true;
viewer.scene.globe.showGroundAtmosphere = false;
}

初始化鹰眼

function initOverview() {
var url =
"http://mt0.google.cn/vt/lyrs=t,r&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}";
// 'https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}';
var layer = new L.TileLayer(url, {
minZoom: 0,
maxZoom: 20
});
var container = document.getElementById("overview");
var options = {
container: container,
toggleDisplay: true,
width: 150,
height: 150,
position: "topright",
aimingRectOptions: {
color: "#ff1100",
weight: 3
},
shadowRectOptions: {
color: "#0000AA",
weight: 1,
opacity: 0,
fillOpacity: 0
}
};
……

更多详情见小专栏此文章GIS之家cesium小专栏

文章提供源码,对本专栏感兴趣的话,可以关注一波

最新文章

  1. 一些js
  2. JS数组求最大值和最小值
  3. AVFoundation播放视频时显示字幕,切换音轨
  4. ABP之Javascript生成
  5. IP验证正则表达式
  6. html5画布的旋转效果
  7. $( document ).ready()&$(window).load()
  8. HDU 1753 大明A+B(字符串模拟,简单题)
  9. eclispe输入@注解时提示所有注解的设置
  10. 收藏maven错误
  11. 【C/C++】Linux下system()函数引发的错误
  12. (Problem 28)Number spiral diagonals
  13. 轻松学JVM(四)——垃圾回收算法
  14. FreeCAD源码阅读笔记
  15. java之equals 与 == 的区别
  16. html/css更改子级继承的父级属性
  17. Charles 抓包工具绿化过程记录
  18. python之路--MySQL 库,表的详细操作
  19. 1171 Big Event in HDU 01背包
  20. hdu 6049---Sdjpx Is Happy(区间DP+枚举)

热门文章

  1. WPF 3D足球导览
  2. c++-多态的练习
  3. springboot windows10风格 activiti 整合项目框架源码 shiro 安全框架 druid
  4. 渗透测试初学者的靶场实战 2--墨者学院SQL注入—报错盲注
  5. 2019年Java面试题基础系列228道(3)
  6. 安装SDK 6.0(二)
  7. css3 中的渐变
  8. HTML DOM的创建,删除及替换
  9. `MediaDevices.getUserMedia` `undefined` 的问题
  10. 默认值操作符(Freemarker的空值处理)