正在写一个可以缩放移动地图的小东西

老紫竹 老紫竹 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.3k累计阅读 2.3k平均单平台 已同步平台 CSDN 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄19年
关注
原创 最新推荐文章于 2026-08-01 09:28:21 发布 2.3k 阅读 AI 写同款· GEO 优化 ›
canvas绘制可缩放的室内地图和路径 最近一直在写canvas绘制室内地图和路径这个功能，大致聊一下这个功能讲了什么。 具体是需要用canvas将室内地图绘制出来（这个不难，canvas教程有），并且地图需要能进行放大缩小，同时将地图上的路径进行展示，同样需要能放大缩小。 其实不能看出，就是将地图和路径进行同时的放大缩小。 我之前的思路是（之前没有要求缩放），创建canvas，然后设置背景（背景就是地图），然后将后端的路径数据展示到前端背景上，具体的实现，之前的博客有说明，可以翻翻看。 之后添加一个功能就是要求能将地图和路径能进行缩放，那么再将 阅读详情

今天自己尝试写一个类似Google地图的一部分功能

可以

1 缩放地图

2 移动地图，支持按钮和鼠标的右键。

下面只是一个截图，整体功能尚未完工。

这2天我尽快整理一下，然后再发给大家分享！



收录于
Ext等客户端框架

当前文章被收录于：

Ext等客户端框架
15 篇文章 0 人学习
订阅专栏 查看详情
标签
#google
本内容遵循 CC 4.0 BY-SA 版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Axure RP 9基础教程（1）——界面及基本操作（看完就会画） （一）界面布局 1.工具栏：主要操作功能。 2.站点地图：类似大纲界面，方便理清原型框架及逻辑关系。 3.元件库：调用所需元件的界面。 4.画布：展示原型部分，可以理解为画画的画布。 5.元件属性页面：用于做一些交互效果和编辑元件样式的界面。 新手可能不好理解这些界面的作用，举个例子，如果把画原型的过程比作建一个房子，那1工具栏就是锤子、铲子等工具；2站点地图就是图纸，方便看到整个建成情况；3元件库就是放置砖瓦材料的砖瓦仓库，元件就是砖瓦，用于建房子的基础材料，拿砖瓦（元件）就得去砖瓦库（元 阅读详情

相关推荐

Unity头顶状态挂件开发实战：名字牌与血条的稳定渲染方案

Unity中的头顶状态挂件（如名字牌、血条）本质是世界空间内的动态标尺，而非传统UI元素。其核心原理在于通过World Space Canvas结合摄像机朝向控制（Billboard）、距离自适应缩放与Z轴微偏移，实现跨设备、多视角下的稳定渲染。技术价值体现在规避穿模、消除抖动、降低批次与CPU开销；典型应用于MMORPG、AR社交、VR交互等需角色实时反馈的3D项目。本文聚焦Unity头顶状态、名字牌、血条挂件三大热词，提供从坐标系统认知、双Canvas分离架构到VR/DPI双重校准的工程级落地方案。

weixin_33491377的博客 496

java实现图片中心放大、缩小、移动、鼠标拖移

单独放大缩小图片和移动图片的很多，很难找到能缩放和移动一起实现的例子。由于项目的需要就自己写了个java实现图片放大（以视图中心放大）、缩小、移动、鼠标拖移。

Halcon实战：基于光流法的运动粒子追踪与定位

本文深入探讨了如何利用Halcon的光流法技术实现运动粒子的追踪与定位。通过解析光流法原理，并结合水利工程案例，详细介绍了从图像预处理、光流计算到粒子坐标提取的完整处理流水线。文章重点分享了关键算子调参、性能优化及实战避坑指南，旨在帮助工业视觉开发者高效解决复杂场景下的运动分析难题。

weixin_29198045的博客 53

GDI+ C# 地图放大缩小平移

通过读取坐标点，转化为屏幕坐标，实现放大、缩小、平移等操作

MapView监听地图平移和缩放

使用MapView开发地图应用时，经常遇到的问题是如何感知用户平移了地图或者缩放了地图。 在百度上找不到答案，无意中，发现一个国外网站有一个解决案，和大家分享一下。 参考文章 http://d.hatena.ne.jp/sei10sa10/20110801/1312191680 http://stackoverflow.com/questions/3567420/how-to-catch-...

v5browser 543

可缩放矢量地图_HTML5中的可缩放矢量图形

存档日期：2019年4月22日 | 首次发布：2012年1月31日 可缩放矢量图形（SVG）是矢量图形系列的一部分。 与光栅相比，它们具有几个优点：JPEG，GIF和PNG。 在本文中，探索HTML5中SVG图形的基本概念和用法。 了解有关绘图，过滤器，渐变，文本以及将SVG XML添加到网页的信息。 此内容不再被更新或维护。 全文以PDF格式“按原样”提供。 随着技术的飞速发展，某些...

cuyi7076的博客 653

Flutter for OpenHarmony PUBG游戏助手App实战：圈型预测

圈型预测是游戏中的关键技能。提前知道安全区的位置能帮助玩家做出更好的决策。今天我们来实现一个圈型预测工具。

2601_95058375的博客 499

Axure RP 9基础教程（1）——界面及基本操作

1.：主要操作功能。2.：类似大纲界面，方便理清原型框架及逻辑关系。3.：调用所需元件的界面。4.：展示原型部分，可以理解为画画的画布。5.：用于做一些交互效果和编辑元件样式的界面。新手可能不好理解这些界面的作用，举个例子，如果把画原型的过程比作建一个房子，那1工具栏就是锤子、铲子等工具；2站点地图就是图纸，方便看到整个建成情况；3元件库就是放置砖瓦材料的砖瓦仓库，元件就是砖瓦，用于建房子的基础材料，拿砖瓦（元件）就得去砖瓦库（元件库）里拿；

weixin_42058042的博客 3530

unity跳跃按钮_我们来捣鼓一下Unity的平台跳跃Microgame

大家好。Platformer Microgame是Unity官方的一个2D平台跳跃游戏项目模板，小伙伴们可以在这个模板的基础上修改或者制作自己的游戏。下边我们就来简单试玩下这个工程吧~一、资源导入写文章时，该资源暂时还不支持Unity 2019.x版本，建议使用2018.4.x的版本。新开Unity工程，在Asset Store中搜索并下载Platformer Microgame，然后导入工程。导...

weixin_34050521的博客 836

机器人挠人脚心_被爱，从学会爱开始——陪伴型机器人的新思路

和大部分男孩子一样，从小所长就喜欢机器人。不管是高达的机甲火拼，还是哆啦A梦的神奇万能，机器人永远是先进和智能的象征。在我中二病严重的童年时期，也总是幻想着自己能有这么一个机器人伙伴，上能保卫地球拯救世界，下能帮我搞定寒假作业。长大之后，少了许多不切实际的白日梦，不过对机器人的喜爱还是一如既往。看到各种技术突破，仍然会兴奋不已，比如这种——还有这种——直到在今年的CES展上，我看到了一个圆头圆脑的...

weixin_39774044的博客 1万+

JQuery插件集合

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33785108的博客 72

UE4地形植被配置：5分钟掌握LandscapeGrassType与混合植被层

在游戏开发与实时渲染领域，程序化植被生成是构建沉浸式自然场景的核心技术之一。其原理是通过算法规则，根据地形的坡度、高度或图层权重等信息，自动、批量地分布植被实例，而非手动逐一放置。这项技术的核心价值在于，它能以极低的性能开销，实现大规模、高密度的地表细节填充，是平衡视觉效果与运行效率的关键。在应用场景上，它特别适用于开放世界、自然景观中草、石子、落叶、小灌木丛等小型、重复植被的铺陈。本文聚焦于UE4引擎中的LandscapeGrassType功能，深入剖析其如何作为轻量级、高效率的地表细节填充方案，并与Fo

weixin_30902251的博客 293

情感数字化设计：从动态影集到交互网页，打造可分享的思念载体

情感体验的数字化表达已成为数字生活的重要趋势，其核心在于将抽象情感转化为可感知、可交互的媒介。这一过程涉及情感逻辑梳理、多媒体处理与交互设计，旨在创造能跨越物理阻隔的持久情感连接。从技术原理看，它融合了叙事设计、用户体验（UX）和前端开发等基础概念，通过动态影集、交互式网页、声音景观等形式实现。其技术价值在于为人际情感交流提供了创新的解决方案，尤其适用于异地情感维系、纪念仪式和个人情感档案管理等场景。本文以“动态数字影集”为例，结合剪映等工具，详解了从情感内核定义到素材叙事构建的完整流程，并探讨了如何通过微

weixin_30430169的博客 693

百度地图平移效果

其实很简单就是使用百度里面的函数 var point=new BMap.Point('+longitude+','+latitude+'); map.panTo(point); panTo比setCenter好用，setCenter像是图片在切换， 而panTo则是平移的效果。 通过设置延时来打到想要的动画效果。

less_cold的博客 6366

刚用Mootools写了一个随着鼠标移动而背景图也跟着移动的东西

效果演示: 源码下载:点击下载 实现代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xh...

314

基于C#的AE二次开发之地图放大、缩小、平移、漫游、选择等等

基于C#的AE二次开发之地图拉框放大（缩小）、固定放大（缩小）、平移、漫游、（取消）选择等 调用ArcGIS Engine封装好ICommand 类，快速地实现GIS系统的一些基础功能。我的开发环境为ArcGIS Engine 10.2与Visual studio2010，主地图名称为axMapControl1，如果变动则需要修改，将代码填入按钮或菜单栏点击事件中，对主地图进行操作即可实现对功能。...

fungis 8578

Mapxtreme Java 地图缩放，平移操作的原理和实现

要想实现Mapxtreme Java 地图的缩放，平移操作，那么必须了解下Mapj这个对象，这个是官方文档对MapJ的名词解释：MapJ 是一个便捷小巧的组件，提供了通过 MapXtremeServlet 或通过其本身来创建地图的界面。由此可见，我们可以通过操作Mapj的对象，进而控制整个地图。现在通过放大操作来进行一下讲解，要实现放大操作需要以下几个步骤1、得到当前坐标点的屏幕坐标2、转换成mapJ使用的坐标3、设置该坐标为地图中心点4、设置地图缩放比5、再次渲染地图并刷新首先，我们通过javascrip

杜仁栋的专栏 3837
上一篇： 老紫竹JAVA提高教程-System.arraycopy方法的使用
下一篇： 关于connection.setAutoCommit(false)对查询的影响
点赞 0
评论 2
书签 书签 1
老紫竹
老紫竹
博客等级 码龄19年 1万+粉丝 1252原创
+ 关注 专栏目录 订阅专栏
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值