MapXtreme 2005学习(7):Web页面中实现鼠标中键缩放
2008-08-07 17:20
204 查看
在MapXtreme 2005中,在Windows应用程序中自带鼠标中键缩放的功能,而有Web应用程序中却没有,如果能够实现会显得更加人性化。在百度里面一搜,还真有位高人实现了,于是借鉴了一下,作了一些修改,在这里和大家共享一下,你可能通过修改程序代码,控制每次缩放的比例,也可以选择等差或等比的方式进行缩放,代码比较简单,只要稍作修改就可以实现。
(1)在页面的</form>之前添加如下JavaScript代码:
<script type="text/javascript">
var Img = document.getElementById("MapControl1_Image");
if(Img != null)
function GetMouseWheelEvent()
</script>
(2)在后台代码中,如自定义命令的文件CustomerCommands.cs中的添加如下类:
[Serializable]
public class WheelZoom : MapBaseCommand
if(Session.IsNewSession)
{
MapControlModel model = MapControlModel.SetDefaultModelInSession();
model.Commands.Add(new WheelZoom());
}
完毕,运行在页面地图上滚动鼠标中间键即可看到效果。
(1)在页面的</form>之前添加如下JavaScript代码:
<script type="text/javascript">
var Img = document.getElementById("MapControl1_Image");
if(Img != null)
function GetMouseWheelEvent()
</script>
(2)在后台代码中,如自定义命令的文件CustomerCommands.cs中的添加如下类:
[Serializable]
public class WheelZoom : MapBaseCommand
if(Session.IsNewSession)
{
MapControlModel model = MapControlModel.SetDefaultModelInSession();
model.Commands.Add(new WheelZoom());
}
完毕,运行在页面地图上滚动鼠标中间键即可看到效果。
相关文章推荐
- MapXtreme2005 Web页面上用鼠标中间键控制地图缩放
- Web页面中实现鼠标中键缩放
- 学习用java基于webMagic+selenium+phantomjs实现爬虫Demo爬取淘宝搜索页面
- MapXtreme 2005 学习心得 缩放比例下不显示图层(十一)
- Android webview 加载 html页面 实现 不同分辨率 不同 dpi 缩放自适应处理
- WEB页面中如何自动成比例缩放图片,鼠标滚轮缩放
- 实现web页面按比例缩放
- MapXtreme 2005 学习心得 缩放比例下不显示图层(十一)
- 【web】页面缩放和滑动功能实现的方法总结
- 20行html代码加40行css代码实现照片墙页面(鼠标hover实现旋转缩放)
- 学习用java基于webMagic+selenium+phantomjs实现爬虫Demo爬取淘宝搜索页面
- MapXtreme for .net实现鼠标中键缩放地图
- MapXtreme 2005 学习心得 缩放比例下不显示图层(十一)
- Python web入门:Django学习与实践二(简单页面实现和创建一个模板)
- MapXtreme 2005学习(6):两种方法实现动态轨迹
- MapXtreme 2005学习(8):实现手动画线
- MapXtreme2005 Web页面上用鼠标中间键控制地图缩放
- iOS WKwebview自动实现缩放网页适应屏幕和侧滑返回上个页面
- XSLT实现XML作为数据源在web页面显示人口金字塔统计图
- unity3D学习【功能实现】之九:鼠标拖动图片