openscales 拉框缩放地图

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

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

 

附件是具体实现代码类!

JavaScript拉框放大缩小 本范例在地图上绘制矩形区域,实现放大缩小地图的操作。 立即下载

相关推荐

OpenLayers 地图鹰眼、拉框示例代码

OpenLayers 地图鹰眼、拉框示例代码 仅供学习参考

leaflet地图实现滑块放大缩小以及拉框放大缩小

前言: 最近公司在做一个有关地图的项目,说到地图,就我个人而言,还没接触过,所以拿到项目的时候是一愣一愣的,心想这都是些啥玩意?没办法,既然项目需要,那就得硬着头皮去干,除非你想卷覆盖走人。 需求: 拉动滑块实现地图放大缩小 拉框实现地图放大缩小 过程: 拿到需求的时候第一件事当然是找相关的API啦、找文档啦,公司这边要求使用的地图是leaflets地图,所以就得花时间看看leaflet的相关文档。虽然项目已经做的差不多,当由于产品这边提的两个需求刚好在文档里面找不到,也就是leaflet地图没有提供相

别来...无恙*的博客 5807

一个简单的gis系统(放大、缩小、漫游

一个基于MFC的小型gis系统,可以实现文件读取,放大,缩小,漫游,显示操作

OpenScales和Flex搭建框架,创建第一个地图

OpenScales是一个优秀的前台地图框架,可以用它开发各个版本的地图程序,她是基于ActionScript 3 和 Flex写的,能够支持各种标准的地图服务,比如WMS、WFS、TMS、OSM等。   搭建OpenScales首先要它的包,可以在openscales官网下载,我使用的是1.2.1的版本                步骤: 1.创建Flex项目,并把相应的open

IT、游罠的专栏 1105

FPGA时钟架构解密:从SRCC/MRCC到全局时钟树的实战指南

本文深入解析Xilinx 7系列FPGA时钟架构,从SRCC/MRCC引脚特性到全局时钟树设计,详细介绍了BUFG、BUFMR等关键组件的应用场景和优化策略。通过对比SRCC与MRCC的驱动范围及适用场景,提供低抖动时钟布线技巧和时钟域交叉(CDC)设计方法,帮助工程师构建高性能FPGA时钟系统。

weixin_29191081的博客 1483

OLLAMA_HOST环境变量设置全攻略:从127.0.0.1到局域网共享的完整配置

本文详细解析了OLLAMA_HOST环境变量的核心作用与配置方法,指导用户如何将Ollama服务从仅限本机访问(127.0.0.1)扩展到局域网共享。文章涵盖了macOS、Linux、Windows三大平台的实战配置步骤,并提供了安全加固、性能优化及常见故障排查方案,是解决多设备协作访问本地AI模型的完整指南。

weixin_28455801的博客 1896

OpenScales简介

说明:本文是基于OpenScales官方文档所做的翻译,水平有限,难免有错误之处,欢迎指正。   OpenScales是基于ActionScript3和Flex的开源(LGPL)地图框架。方便建立富互联网地图应用程序。最新稳定版本是OpenScales1.1.4,截止到2011年3月28日。以下是基于OpenScales的一个具体应用截图:    特点 一、支持多类型层     OG

疯狂的左脑! 949

使用-flat.vmdk文件恢复ESXI虚拟机的vmdk文件

解决flat.vmdk文件丢失恢复问题

神秘人的博客 6772

openscales2.2 的初始缩放等级

openscales2.2 的初始缩放等级 在openscales1.2版本中可以直接定义缩放等级有ZOOM属性,而在2.2版本中没有该属性。 我的wms图层定义的级别为: 复制代码           url="http://localhost:8085/cgi-bin/mapserv.exe?MAP=D:/tmp/GisDemo/GisDemo/Content/map/

wxljmy的专栏 1246

别再为授权费头疼了!手把手教你免授权搞定西门子、马扎克等12种主流数控机床的数据采集

本文提供了一套免授权采集西门子、马扎克等12种主流数控机床数据的实战指南,帮助中小型机加工车间节省80%以上的采集成本。通过TCP/UDP协议逆向工程和跨平台数据整合,实现经济、灵活且可持续的数据采集方案,涵盖设备兼容性处理、数据频率优化等关键问题。

weixin_26873711的博客 707

mabl:AI原生测试自动化平台的基础使用

mabl是一个基于人工智能和机器学习的云原生测试自动化平台。它通过使用先进的技术,如机器学习,自动创建和执行测试,自动分析测试结果,并根据需求的变化自动适配和维护测试。这样的自动化过程极大地提高了软件测试的效率和准确性。mabl的口号是 “You write code, mabl tests”,意味着开发者只需关注编写代码,而测试工作则可以交给mabl来完成。mabl的平台支持多种测试类型,包括 Web、App、Api、可访问性和性能测试,使得团队能够更快速、更有信心地发布软件。

blues_C的博客 3655

OpenScales 介绍

OpenScales是一个优秀的前台地图框架,开发者可以用来开发各种网络版、手机版和桌面版的地图程序。   她是基于ActionSctip 3 和 Flex写的,能够支持各种标准的地图服务,比如WMS、WFS、TMS、OSM等。   她是开源的、免费的程序,是基于LGPL协议开源协议的。   她是09年才出道的一个程序,从一开始就极受欢迎,因为与 Google Map Flex API...

wangpingjing的博客 193

基于STM32、HAL库的MCP4013T-103E/CH 数字电位器驱动程序设计

define MCP4013_I2C_ADDR (0x5F << 1) // HAL库使用7位地址左移1位,或直接使用0xBE/0xBF。#include "i2c.h" // 包含你的I2C初始化相关的头文件,例如由CubeMX生成的 i2c.h。大于127的值会被截断。// MCP4013的读操作:主机发起读取请求,从机返回当前滑片位置的一个字节。// 使用HAL_I2C_Master_Transmit直接发送数据。// 使用HAL_I2C_Master_Receive读取一个字节。

corlin6688的博客 126

OpenScales入门教程:第二节 : 创建第一张地图

Navigation index OpenScales v1.2 documentation » 第二节 : 创建第一张地图¶ 准备工作¶ 你需要把第一节给读懂了再开始 OpenScales 入门 第二节 创建一个地图 首先应该编写.mxml文件¶

dragoonnet的专栏 7110

【同等学力】01-逻辑符号表达

F(x): x是确诊者,G(x):x有症状F(x): x是老人,G(x):x是宠物,L(x,y): x喜欢y。

super_mochi1 1880

微信小程序:使用mqtt手机屏幕锁屏后导致中断问题,让mqtt在手机黑屏后依然能保持连接及持续后台运行接收或处理任务,详解微信小程序MQTT在应用退到后台或手机熄屏的情况下自动检测并重连【强制保活】

微信小程序切后台后MQTT连接无法维持,微信小程序MQTT一旦用户锁屏、切换到后台或手机熄屏,连接就会断开,导致无法继续监听和处理业务消息,微信小程序mqtt保活方案,微信小程序屏幕锁屏或息屏导致mqtt连接中断怎么办,如何解决MQTT不能黑屏持续连接的问题,微信小程序应用退到后台 MQTT连接断开问题解决,苹果ios手机,安卓手机,uniapp微信小程序mqtt断开怎么解决,后台应用怎么保活,uni-app中MQTT连接频繁断开如何解决?应用退到后台后MQTT连接断开以及常连接断连的问题,微信小程序、MQ

✅ 精选推荐文章 3026

openscales 画圆(原创)

openscales中没有提供画圆的方法,如果我们仅用单纯的flex中的画圆则这个圆不能随着地图缩放而放大缩小。有两种方法解决,第一种是将圆看做正n(32变形很接近圆了)多边形,用经纬度确定每个顶点,这样地图缩放,圆也会缩放,第二种是根据在地图放大缩小时,根据地图的resolution来重画圆,这时候确定圆心坐标和半径就可以换算对应的像素了。...

蜗牛 144

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

Openscales 入门

Openscales 入门 (Flex开源gis首选)   简单介绍 OpenScales是一个优秀的前台地图框架,开发者可以用来开发各种网络版、手机版和桌面版的地图程序。   她是基于ActionSctip 3 和 Flex写的,能够支持各种标准的地图服务,比如WMS、WFS、TMS、OSM等。   她是开源的、免费的程序,是基于LGPL协议开源协议的。 ...

weixin_30432007的博客 214

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

openscales学习笔记8.24

最近有需求,要用openScales+瓦片封装一套地图功能。这两天网上查找资料,少的很,学习中,记下来,看以后自己忘了! maxZoomLevel,地图最大缩放。我在例子中值为10的那个层就么地图了,但最大缩放默认为16。在后面就看不见地图了··但还可以滚动,设置最大的层级为地图比例最大的,就可以避免这种情况发生。 在用tomcat访问地图数据的时候,需要在服务端加一个跨域访问的x...

liuyanbei123的专栏 170

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

基于OpenScales的地图网站全程开发(FLEX+GIS等技术结合)

基于OpenScales的地图网站全程开发(FLEX+GIS等技术结合) 课程学习地址:http://***/goods.php?id=114 1.课程介绍利用OpenScales开发完成一个地图网站。功能参照谷歌地图和51地图,实现地图数据的叠加显示、画图、测量、最佳路径分析、兴趣点搜索、标注和定位等地图网站中常用的功能。该课程项目完成的最终效果如http://www.dzmap.cn...

weixin_30363509的博客 233

OpenScales+Geoserver搭建轻量级WebGIS

Geoserver的安装方式请看我的另外一篇文章《Ubuntu Server 9.10 安装 Geoserver2.0 》 下面讲下怎么使用OpenScales 1、下载OpenScales包 2、建立Flex工程,将下载的swc文件复制到libs目录下 3、Flex应用程序代码如下: <?xml version="1.0" encoding="utf-8"?><mx:...

weixin_30657999的博客 70
上一篇: openscales1.2类图
下一篇: Android开发 单例模式导致内存泄露
stulpnn
博客等级 码龄18年 0粉丝 29原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值