ViteVue3OpenLayers手动控制缩放级别
一、本文简介
除了用鼠标滚轮在地图上缩放外,还可以使用 ol 提供的 api 设置地图缩放级别。获取当前缩放级别:View.getZoom()设置缩放级别:View.setZoom()
【注意:本文使用的图源是 OSM ,正式开发不能用 OSM ,因为 OSM 的中国边界有点问题!!!】
二、环境搭建
Vite + Vue3 + ol6# 1、使用 Vite 创建项目;取个好听的项目名;拉取 vue 的代码模板 npm init vite@latest # 2、初始化项目 cd you-project npm install # 3、安装 ol npm i ol -S # 4、启动项目 npm run dev
使用 Vite 初始化项目并安装 ol ,更详细做法可以查看 『Vite + Vue3 + OpenLayers 起步』
三、思路与编码获取当前缩放级别点击放大或缩小按钮,原缩放级别加一或减一 当前zoom: {{currentZoom}}
minZoom: {{minZoom}}
maxZoom: {{maxZoom}} 放大 缩小
本例分别创建了放大和缩小的控制函数,但实际开发中其实只需写成一个函数,通过传参的方式进行控制即可。
万里连云际的秦长城,真正的作用是什么? 公元前221年,秦国灭齐统一天下,华夏大地暂时中止了绵延500年的割据混战,和平却未能到来。盘踞在阴山草原的匈奴日渐壮大,时刻威胁着新王朝的安全。为了抵御这个新兴强敌,一道绵延万里
养生茶真的能养生吗?中医告诉你四季应该这样喝茶 随着人们对健康养生的关注,饮茶品茶以茶疗养生的现象也日益增多。茶疗法是我国茶文化和中医文化的结合。在茶疗法中,利用对中草药的蒸煮产生的药性达到养生保健的目的。然而,养生茶真的可以养
分享一味抗癌中药山核桃树枝,清热解毒,用对药可缓解癌症症状 长白山北麓张广才岭原始森林中的东北核桃树母树林,其山核桃树枝,核桃树皮,作为医治癌症的民间药物。本草纲目称治虚寒咳喘腰腿疼痛。核桃树叶煮水熏洗有杀菌和治疗芥癣的作用,核桃树根煮水可
换了新桌子,当然要弄一个适合上桌的机箱了 消费这件事,本身就是个触发多米诺骨牌的行为,坐一望二想三,一个需求带着另一个需求,消费链条就此挂成。这次说的是我买了个新电脑桌的事情,本来是从1米桌升级为1。6米桌的简单升级,蠢蠢
警惕美国经济衰退殃及全球 北京日报客户端作者刘典继一二季度国内生产总值连续负增长后,国际社会对美国经济出现衰退的担忧进一步加剧。对此,国际货币基金组织日前将美国2022年的经济增长预期下调了0。7个百分点。
国际金价大幅震荡,国内金饰品价格半个月调了5次 继连续两周上涨之后,黄金市场上周出现暴跌行情,全周大跌超过50美元盎司,失守1650美元盎司。本周开盘后,国际金价持续低迷,在1650美元上下震荡。有投资分析师表示,金价在上周不仅
JackeyLove还是想说今年我们是最正确的五个人 一般说这种话就是要不队里有人想走,要不就是管理层想让有的人走不管是哪种TES明年大概率是见不到这5个人再在一起比赛了。其实我挺喜欢滔搏这个战队,激情四射!其实滔搏一直是一个慢热的队
S12八强抽签结果及分析 随着GEN在加赛击败RNG确认小组第一的位置,八强的抽签也随之开始。上半区的小组头名分别的JDG和T1下半区的小组头名则是GEN和DRX进行第二轮抽奖时,先抽到的是DK,但由于半区
50岁以后,懒人多长寿?如果有这三个懒习惯,或会福寿延绵 很多老人上了年纪,身体就不给力,就懒得动弹。其实,不能怪他们犯懒,实在是年纪大了,无论在精神状态上,还是在身体器官上,都已经和年轻人不能相提并论了。然而,懒人也有懒人的好处,有些老
常见的健康养生误区 健康科普大赛1饭后喝酸奶有助于消化,不正确,酸奶里没有可以促进胃蠕动的酶,有也很少早让胃酸消灭了。2红枣,红糖不补血,含糖量比较高。3趁热吃不应该,容易烫伤口腔,咽部,胃粘膜,造成
广州出发从化增城2天游,打卡艾米稻香小镇1978电影小镇 今天给大家分享一条从化增城2天旅游行程,秋摄艾米稻香小镇黄金稻浪,增城1978电影小镇正果老街秋季泡温泉,入住增城温泉酒店。01从化艾米稻香小镇打卡从化艾米稻香小镇的生态稻田。走过