openscales 拉框缩放地图

最新推荐文章于 2021-03-14 10:45:01 发布
原创 最新推荐文章于 2021-03-14 10:45:01 发布 · 345 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在项目中使用Arcgis、SuperMap等GIS软件进行地图操作的基本功能，通过在Os的Handler基类上扩展了AbstractZoomHandler放大抽象类，进而实现了ZoomInHandler和ZoomOutHandler类来实现拉框放大与缩小的功能。具体通过监听鼠标操作事件（MouseEvent.MOUSE_DOWN、MouseEvent.MOUSE_UP、MouseEvent.MOUSE_MOVE），记录起始和结束坐标值，组装Extent范围并放大地图。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

     在项目中经常会用到拉框放大、拉框缩小地图，这个Arcgis、SuperMap等专业GIS软件所提供的基本地图操作功能类似，因此在Os的Handler基类的基础上扩展了AbstractZoomHandler放大抽象类，并以此为基类，扩展出ZoomInHandler和ZoomOutHandler两个拉框放大、拉框缩小类。

通过对map的鼠标操作事件（MouseEvent.MOUSE_DOWN、MouseEvent.MOUSE_UP、MouseEvent.MOUSE_MOVE）的监听，在鼠标落下时记录下起始坐标值，在鼠标抬起时记录下结束坐标值，根据两点坐标值，组装成一个Extent范围，将地图放大至整个范围。

 

附件是具体实现代码类！

实现地图放大（拉框和单击）、缩小（拉框和单击）、漫游操作的简易代码
GISSTAR的专栏
08-17 1万+
///         /// Zoom In         ///         ///         ///         private void btnItem_ZoomIn_Click(object sender, EventArgs e)
leaflet地图实现滑块放大缩小以及拉框放大缩小
别来...无恙*的博客
09-17 5583
前言： 最近公司在做一个有关地图的项目，说到地图，就我个人而言，还没接触过，所以拿到项目的时候是一愣一愣的，心想这都是些啥玩意？没办法，既然项目需要，那就得硬着头皮去干，除非你想卷覆盖走人。 需求： 拉动滑块实现地图放大缩小 拉框实现地图放大缩小 过程： 拿到需求的时候第一件事当然是找相关的API啦、找文档啦，公司这边要求使用的地图是leaflets地图，所以就得花时间看看leaflet的相关文档。虽然项目已经做的差不多，当由于产品这边提的两个需求刚好在文档里面找不到，也就是leaflet地图没有提供相
openscale中鼠标缩放地图
weixin_33904756的博客
12-18 121
openscale中鼠标缩放地图时，有时会出现播放器崩溃的情况。这主要是feature和featureLayer中把当前对象图层的cacheAsBitmap属性设置为true(cacheAsBitamp十分消耗内存，一块250×250像素的矩形设置之后可能占掉250kb的内存),只需改为false即可。 转载于:https://blog.51cto.com/ange...
OpenLayers 地图鹰眼、拉框示例代码
09-29
OpenLayers 地图鹰眼、拉框示例代码 仅供学习参考
使用openscales实现地图的拉框缩放功能
根据给定文件信息，我们可以聚焦到“openscales 拉框缩放地图”的知识点，以及涉及到的源码工具和handlers文件。 首先，“openscales 拉框缩放地图”涉及到的是一个基于OpenLayers库的扩展——OpenScales。...
百度地图类库 拉框放大工具.zip
07-11
百度地图的拉框缩放类，对外开放。 允许用户在地图上执行拉框放大或者缩小操作， 使用者可以自定义缩放时的动画、遮盖层的样式等效果。 主入口类是RectangleZoom， 基于Baidu Map API 1.2。
Mapbox-GL 拉框缩放自定义功能（不用按shift+鼠标左键进行框选缩放）
weixin_39392030的博客
07-08 2711
一、找到mapbox-gl 拉框选择源码文件名称：src\ui\handler\box_zoom.js 二、为地图做主动触发拉框缩放事件 // 初始化地图时将拉框禁用 boxZoom: false new mapboxgl.Map({ container: self.$refs.AppMap, style: style, center: [0, 0], zoom: 1, .
百度地图类库 拉框放大工具
04-29
百度地图的拉框缩放类，对外开放。 允许用户在地图上执行拉框放大或者缩小操作， 使用者可以自定义缩放时的动画、遮盖层的样式等效果。 主入口类是RectangleZoom， 基于Baidu Map API 1.2。
一个简单的gis系统（放大、缩小、漫游
05-15
一个基于MFC的小型gis系统，可以实现文件读取，放大，缩小，漫游，显示操作
JavaScript拉框放大缩小
12-14
本范例在地图上绘制矩形区域，实现放大缩小地图的操作。
MFC拉框放大、缩小功能如何在鼠标移动时绘制透明矩形框
acoolgiser的博客
08-07 3092
1. 在OnMouseMove鼠标移动事件中写入代码： void ClmzWorkView::OnMouseMove(UINT nFlags, CPoint point) { if (LButtonDown == true) { CDC *pDC = GetDC(); pDC->SetROP2(R2_NOTXORPEN); CRect rect(startPt,e...
java 窗口扩大,JavaScript实现拉框放大
weixin_39976166的博客
03-14 229
(1)相应鼠标的onMouseDown,onMouseMove,onMouseUp三个事件，分别对应handleMouseDown，handleMouseMove，handleMouseUp三个函数。(2)在onMouseDown中设置状态值，保存开始点坐标：function handleMouseDown() {switch(m_tool) {case "zoomin": // zoom in ...
谷歌地图，标记、多边形绘制、地址搜索、自定义右键菜单
u011511086的专栏
07-20 3614
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>谷歌地圖測試&a
高德地图 缩放级别（Zoom） 和 比例尺（scale）之间 的关系
热门推荐
zhuswy的博客
07-02 3万+
map.getZoom() 获取当前地图的缩放级别 因为项目要求 地图可以进行缩放 ，后台的接口接收的参数为当前地图的比例尺，所以需要将获取到的当前地图的缩放级别转换为比例尺 // 地图进行缩放的时候监听该函数 AMap.event.addListener(map,'zoomend',function(){ let scale = 20 - map.getZoom(); _thi...
鹰眼图的实现
Lab2013
08-03 4145
该版本可以实现鼠标拖动实时预览，关键在于OnMouseDown和OnMouseMove联用 分析：鹰眼图的操作主要由以下几个动作，当在一个控件中移动一幅图的时候另一控件中的图也发生变化，当在主控件中重新加载一幅图的时候，另外一个控件的图也发生相应的变化，同时我们在鸟瞰的控件中加
OpenLayer3 之 实现拉框放大功能
研究与专注
02-25 5861
几天前，有人给我发邮件询问如何实现划定一个矩形区域实现放大功能，即所谓的“拉框放大”，在 ol3 中，其实已有实现鼠标拖拽放大地图功能，默认需要配合 shift，按住shift，拖拽鼠标的同时，地图会放大，该组件名为 ol.interaction.DragZoom，该组件的缺点是不实用（哪一个非专业人员会想的按住shift拖动）。本文首先介绍该组件的实现，随后基于该组件，在地图上放置拉框按钮，实现一
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值