openlayers鹰眼图实现

这个是Cesium三维地图结合openlayers二维地图的鹰眼图实现，代码有相关注释。

// 创建鹰眼图
this.map = new Map({layers: [layers_arcgis],target: 'map2d',view: new View({projection: 'EPSG:4326',center: [116.240601, 39.827107],zoom: 13})
});
// 添加Cesium 视图监听事件
this.viewer.scene.postRender.addEventListener(this.sceneRenderHandler, this);// 监听事件所执行的方法
sceneRenderHandler: function (e) {let extend = mars3d.point.getExtent(this.viewer);  //获取Cesium当前视图的范围let point = mars3d.point.getCenter(this.viewer);  //获取Cesium当前视图的中心点if (extend.xmin == -180 && extend.xmax == 180&& extend.ymax == 90 && extend.ymin == -90) { //整个地球在视域内this.map.getView().setZoom(2);this.map.getView().animate({center: [point.x, point.y],duration: 0});} else {// 根据当前地图范围和大小获取 分辨率let r = this.map.getView().getResolutionForExtent([extend.xmin, extend.ymin, extend.xmax, extend.ymax], this.map.getSize());// 设置分辨率this.map.getView().setResolution(r);// 设置鹰眼图中心点this.map.getView().setCenter(extentGetCenter([extend.xmin, extend.ymin, extend.xmax, extend.ymax]));}
}

openlayers鹰眼图实现相关推荐

制图操作案例：ArcGIS Pro鹰眼图快速制图
ArcGIS Pro为我们提供了丰富的制图模板,这不直接套底图开干? 我随便做的,别当真,本文仅为介绍方法插入内置鹰眼图布局,随便选,基本都一样,当然大佬可以自己做布局我选的这个,因为俺老家临汾他 ...
ArcGIS Pro鹰眼图快速制图
大家好,我是南南昨天水群发现一个小姐姐在问ArcGIS Pro怎么做鹰眼图,本着水文章的想法来给大家演示一下Pro的**"奇淫技巧"** 大家都知道,小南我是非常懒的,能拖就拖, ...
04 在地图上添加主页、定位、鹰眼图和比例尺控件
在上一篇文章中我们学习了如何创建一个简单的地图,那接下来,我们学习如何给创建好的地图上添加一些基本的空间,最终效果如下图所示: 由上图可以看出,我们在地图上添加了主页.定位.鹰眼图以及比例尺控件,下面 ...
ArcGIS出图小技巧——比例尺、鹰眼图、表格、文本、图片
欢迎大家关注我的公众号,最新内容先在公众号发布.点击这里查看近期文章合集. 文章目录一.比例尺 1.修改比例尺的显示单位 2.去掉比例尺中的千位符(逗号).修改小数位数二.鹰眼图(范围指示器) 三 ...
leaflet添加鹰眼图，并切换鹰眼图（三）
添加鹰眼图鹰眼图是当成一个插件来使用的 github地址 import MiniMap from "leaflet-minimap"; //引入样式 import "l ...
Openlayers 聚合图、权重聚合图以及聚合图点击事件
Openlayers 聚合图.权重聚合图以及聚合图点击事件 OpenLayers 教程 Openlayers 聚合图.权重聚合图.聚合图事件在线示例 OpenLayers 教程在实际工作中,Ope ...
leaflet 实现鹰眼图（代码示例043）
第043个点击查看专栏目录本示例的目的是介绍演示如何在vue+leaflet中实现鹰眼图效果,这里要引用Leaflet-MiniMap插件.需要说明的是:不要将小地图组件添加到主地图的图层上,需要 ...
arcgis 出图背景_ArcGIS中导出数据时老显示导出失败，显示“保存对象时出错”什么原因？...
当我们将数据导出出,有时会导出失败,弹出以下对话框,显示"保存对象时出错" 很多人一度怀疑是自己的数据或者软件出现了问题因为在别人的电脑上同样的步骤操作成功了那么究竟是什么原因 ...
基于ArcEngine与C#的鹰眼地图实现
鹰眼图是对全局地图的一种概略表达,具有与全局地图的空间参考和空间范围.为了更好起到空间提示和导航作用,有些还具备全局地图中重要地理要素,如主要河流.道路等的概略表达.通过两个axMapControl控 ...

openlayers鹰眼图实现

openlayers鹰眼图实现相关推荐

最新文章

热门文章