一、本文简介
　　除了用鼠标滚轮在地图上缩放外，还可以使用ol提供的api设置地图缩放级别。获取当前缩放级别：View。getZoom（）设置缩放级别：View。setZoom（）
　　【注意：本文使用的图源是OSM，正式开发不能用OSM，因为OSM的中国边界有点问题！！！】
　　二、环境搭建
　　ViteVue3ol61、使用Vite创建项目；取个好听的项目名；拉取vue的代码模板npminitvitelatest2、初始化项目cdyouprojectnpminstall3、安装olnpmiolS4、启动项目npmrundev
　　使用Vite初始化项目并安装ol，更详细做法可以查看ViteVue3OpenLayers起步
　　三、思路与编码获取当前缩放级别点击放大或缩小按钮，原缩放级别加一或减一template！地图容器！提示信息p当前zoom：｛｛currentZoom｝｝pminZoom：｛｛minZoom｝｝pmaxZoom：｛｛maxZoom｝｝！控制按钮buttonclickzoomIn放大buttonbuttonclickzoomOut缩小buttontemplatestylelangscssscoped。mapx｛width：600px；height：600px；border：1pxsolideee；｝。zoominfo｛display：flex；p｛marginright：60px；｝｝style
　　本例分别创建了放大和缩小的控制函数，但实际开发中其实只需写成一个函数，通过传参的方式进行控制即可。

AMDZen3架构跑分曝光锐龙96900HX单核1593IT之家1月25日消息，AMD在月初的CES展会上推出了锐龙6000系列移动处理器，锐龙6000系列移动处理器在底层架构上得到了不小的升级：CPU架构换用全新的Zen3、GPU……英伟达GH100GPU芯片爆料面积巨大，超过1000平方毫米IT之家1月30日消息，据外媒videocardz消息，Twitter用户kopite7kimi曝光了英伟达GH100GPU芯片的尺寸。这款产品将用于专业计算加速用途，可以进行……英伟达RTX3080Ti移动GPU实拍曝光GA103核心面积IT之家1月28日消息，英伟达已经发布了RTX3080Ti移动显卡，各大品牌搭载最新GPU的笔记本电脑也已经正式发布。根据外媒videocardz消息，极客湾发布了RTX308……英伟达RTX3050显卡正式开售1899元2999元IT之家1月27日消息，今晚10点，英伟达RTX3050显卡正式开卖，售价1899元到2999元。1899元型号首发秒罄，部分2599元以上型号截至发稿时仍有货。英伟达在……先丢一局！龙队开局负于及川瑞基！连扳3局，112逆转获胜世乒赛半决赛，中国男团vs日本男团。今天中国男团樊振东30战胜了日本队的户上隼辅；王楚钦13不敌张本智和。双方打成11平。龙队打三单，对手是及川瑞基。及川瑞基今年25岁，……英特尔预热新款Arc笔记本独显，3月30日晚11点发布IT之家3月26日消息，英特尔将在太平洋时间3月30上午8点，也就是北京时间晚11点发布新款Arc独显。根据英特尔的最新预热信息，新品将是一款或多款笔记本独显。上图中出现……挥动翅膀待翱翔小记一一宝贝的网课生活感悟小记一一宝贝的网课生活感悟最好的教育，是和孩子一起成长。受新冠疫情困扰的这三年，也是放慢节奏生活的三年，生活解咒的放慢，也是有了更多的时间来陪伴着孩子一起学习，成长。这次……RSR超分辨率技术正式上线！AMD肾上腺素22。3。1驱动发感谢IT之家网友imisaka、豆芽丝的线索投递！IT之家3月17日消息，AMD今日发布了肾上腺素22。3。1驱动，为玩家带来了RSR超分辨率技术。22。3。1驱动……RedmiBookPro142022笔记本将搭载MX550显IT之家3月17日消息，今晚，RedmiBookPro2022系列笔记本将正式发布。目前已知RedmiBookPro152022将搭载i712650HRTX2050配置。现在，……RedmiBookPro152022确认搭载RTX2050显IT之家3月16日消息，RedmiBookPro152022现已出现在了Geekbench上，确认搭载英伟达RTX2050显卡。如上图所示，RedmiBookPro152……消息称vivo7英寸大屏旗舰入网配备80W双口充电器IT之家2月25日消息，一款型号为V2170A的vivo5G数字移动电话机现已通过3C认证，配备型号为V8060L0A0CN的充电器，支持最高80W输出。3C认证显示，这……消息称AMDR75800X3D超大缓存处理器现已出货，月底上IT之家3月1日消息，据爆料者Greymon5消息，AMD首款消费级3DVCache处理器R75800X3D现已出货，预计本月底上市。IT之家曾报道，在今年CES上，AM……