JavaScript地图拖动功能SpryMap的简单实现
2013-07-17 00:00
731 查看
使用它你可以轻松实现类似Google、百度地图的拖动效果,对于要展示大图时使用SpryMap是再好不过的了。SpryMap的定制性也很高,通过参数可以设置图片的起始位置、CSS样式等等。除此之外,你也可以设置是否使用平滑的拖动效果。
如何使用
首先在head中加载SpryMap的脚本文件
在页面中添加要显示的图片,如设置id为worldMap的img标签
最后在页面加载时初始化
如何使用
首先在head中加载SpryMap的脚本文件
<script type="text/javascript" src="spryMap-min2.js"></script>
在页面中添加要显示的图片,如设置id为worldMap的img标签
<img id="worldMap" src="map.jpg"/>
最后在页面加载时初始化
var map = new SpryMap({id : "worldMap", height: 400, width: 800, startX: 200, startY: 200, cssClass: "mappy"});
相关文章推荐
- JavaScript地图拖动功能SpryMap的简单实现
- JavaScript实现地图拖动功能SpryMap
- JavaScript简单实现鼠标拖动选择功能
- JavaScript简单实现鼠标拖动选择功能
- JavaScript实现图片拖动功能 - SpryMap
- javascript基础-实现简单功能
- 使用 JavaScript 实现简单候选项推荐功能(模糊搜索)【收藏】【转】
- javascript 实现简单的div拖动
- 利用JavaScript实现简单的拖动层(只使用于IE)
- JavaScript基于DOM操作实现简单的数学运算功能示例
- 简单几步原生javascript实现元素拖拽功能兼容所有浏览器
- 浅谈百度地图的简单开发之实现地图全景,内景展示功能(四)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript地图实现Toorbar功能(四)
- JavaScript的String类型replace()方法介绍和使用replace()方法实现简单html模板替换功能
- Javascript实现一个简单的页面倒计时功能
- jQuery学习之路(7)- 用原生JavaScript实现jQuery的某些简单功能
- 使用 JavaScript 实现简单候选项推荐功能(模糊搜索)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能(一)
- 简单几行javascript代码,实现动态倒计时功能
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现基本的地图功能