用浏览器打开百度地图是可以在触摸屏PC端进行双点手势缩放，
但是用自己写的网页打开瓦片，在用浏览器打开发现其它所有功能都有，
唯独双点触控缩放有问题，它缩放的是网页本身，而不是瓦片缩放。
如何在pc端的触摸屏幕上对百度地图实现缩放手势
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
z1193851270 2018-11-29 08:03关注您好，我在开发百度地图时遇见了您之前也遇见的问题，电脑端触摸放大的是整个网页 而不是地图本身，请问您是通过什么方式解决的？
解决评论 打赏无用 2举报 分享
- 2021-10-29 10:06Agen_阿根的博客 //地图在触摸屏上放大缩小 var mapDom = document.getElementById('cheliangditu'); _offsetHeight = mapDom.offsetHeight; _offsetWidth = mapDom.offsetWidth; let _touchPoint,_touchStartDistance,_isPinch,_...
- 2018-11-07 16:01玖月吖的博客 dom实现对手指触摸事件的处理，详细见代码； var mapDom = document.getElementById('map'); _offsetHeight = mapDom.offsetHeight; _offsetWidth = mapDom.offsetWidth; document.getElementById("...
- 2019-11-17 16:072. 用户交互：监听`mousedown`、`mousemove`和`mouseup`事件，实现拖动和缩放手势。 3. 缩放计算：根据鼠标位置和缩放比例，调整图片的CSS属性（如`width`和`height`）。 4. 边界检测：防止图片超出容器范围，保持...
- 2023-05-08 16:30代码里面种菜的博客 在index.html总的入口文件上添加：, initial-scale=1, maximum-scale=10, user-scalable=yes">在html文件上添加：, initial-scale=1, maximum-scale=10, user-scalable=yes">1.在静态页面中（html+css+js）
- 2021-05-18 19:02对于触摸设备，可以类似地处理`touchstart`, `touchmove`和`touchend`事件来实现触摸缩放。需要注意的是，处理触摸事件时通常需要防止默认的滚动行为，以免与缩放操作冲突。 总的来说，vue-resize是一个方便的工具...
- 2021-03-15 19:02远方的风1019的博客 小程序实现手势图像缩放平移
- 2024-06-10 16:09CyMylive.的博客 本文以触摸手势和页面缩放内容为例，通过代码案例详细介绍了在微信小程序开发中如何实现这两个常用的交互功能。当然，触摸手势和页面缩放只是微信小程序开发中的一小部分功能，还有很多其他的功能和技巧需要我们去...
- 2021-07-27 16:09加油8的博客 上一篇记录了PC端鼠标控制摄像机的移动和缩放，这一篇写的是在安卓机上实现手势控制摄像机围绕一个物体进行旋转和缩放，两篇的代码逻辑基本一样只是输入检测有区别，这里我是分开记录，没有整合【Unity实现PC端...
- 2025-08-31 04:11袁泳臣的博客 然而，在多端开发场景下，不同平台对手势事件的处理机制存在显著差异： - **微信小程序**：使用 `bindtouchstart`、`bindtouchmove`、`bindtouchend` 等事件 - **Web端**：使用标准的 `touchstart`、`touchmove`、`...
- 2025-05-22 13:23全栈老李技术的博客 ：全栈老李：2025 年 5 月：前端初学者、进阶开发者：本文由全栈老李原创，转载请...想象一下，你在刷朋友圈时下意识地向下滑动刷新，或者双指放大查看图片细节，这些流畅自然的操作背后，都是手势识别在发挥作用。
- 没有解决我的问题, 去提问
