关于openlayers图层的放大缩小以及中心坐标

首先要引入openlayers的defaults，看看官网的文档.


import { defaults } from "ol/control";
import { fromLonLat } from "ol/proj";
const map = new Map({layers: [new TileLayer({source: new OSM()}),],target: "map",controls: new defaults({attribution: false, // 去掉右下角Logozoom: false // 去掉左上角开关}),view: new View({center: fromLonLat([101.65209, 25.093502]),zoom: 15})
});

在这里插入图片描述，openlayers是通过你传的JSON参数，然后返回一个Controls

还有就是如何为openlayers设置中心坐标，需要使用fromLonLat，不然输入的就是投影坐标的点，导致无法改变自己定位的中心坐标。

关于openlayers图层的放大缩小以及中心坐标相关推荐

Vue+Openlayers显示TileWMS时不显示默认控件放大缩小旋转等组件
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS: Vue中使用Openlayers加载Geoserver发布的TileWMS_霸道流氓气质的博客-CSDN博客在上面 ...
四、完成Teigha.net库对CAD看图的放大/缩小/移动实体等界面操作，图层管理器，以及CAD文件布局的切换功能
目录一.Teigha.net界面化操作 01.根据鼠标指定位置放大缩小功能 02.移动选中的实体 03.选中指定矩形范围的实体二.Teigha.net图层显示.锁定.冻结状态界面化管理 01.Kr ...
AfterEffect(AE)插件-常规功能开发-放大缩小图层-js脚本开发-AE插件
文章目录 1.算法程序 2.文本转执行 3.作者答疑 1.算法程序 AfterEffect(AE)插件是Adobe公司开发的特效制作软件,稳定快速的功能和特效,在视频制作领域使用非常广泛,本文向大 ...
以鼠标位置为中心的图片滚动放大缩小
1 //以鼠标位置为中心的图片滚动放大缩小 2 $(document).on("mousewheel","#mask img",function(ev){ 3 ...
vue+openlayers中实现图片展示与图片的拖拽和放大缩小（一）
前言: openlayers中渲染图片是有多种方法的, Icon ,Image 等等都可以实现将图片放到地图上面,但是操作图片的话,方法比较少了,这里是配合 ol-ext 来实现的. 相关资料: 1. ...
Unity 在zSpace上使用鼠标控制相机旋转和鼠标指引式放大缩小，在触屏上手势位置为中心放大缩小
在zSpace上使用鼠标控制相机旋转和鼠标指引式放大缩小,在触屏上手势位置为中心放大缩小鼠标和触屏的操作下面展示一些内联代码片. using System; using System.Colle ...
自定义ImageView 实现双击放大缩小还原，无极缩小和旋转及拖动(多机型测试很稳定)
/*** 该模块主要实现了放大和原大两个级别的缩放. 功能有: 1.以触摸点为中心放大(这个是网上其他的代码没有的) 2.取消边界控制(这个是网上其他的代码没有的)也可以添加边界控制 3.双击放大或缩 ...
Android图片查看支持双击放大缩小、多点触摸(多机型测试，长期使用很稳定)
该模块主要实现了放大和原大两个级别的缩放. 另外功能更加强大的一个类见本人另一篇博客 http://blog.csdn.net/gfg156196/article/details/49741233#r ...
html图片自动在div里放大,HTML5+CSS3实现图片的放大/缩小
原标题:HTML5+CSS3实现图片的放大/缩小最近做项目时,经常遇到需要图片缓慢放大的效果.我做的时候想到了几种方法,所以来总结一下. 1. 利用css改变图片的宽高,做出视觉上的放大. 首先,将 ...

关于openlayers图层的放大缩小以及中心坐标

关于openlayers图层的放大缩小以及中心坐标相关推荐

最新文章

热门文章