来自 澳门金莎娱乐手机版 2019-09-14 02:50 的文章
当前位置: 金沙澳门官网网址 > 澳门金莎娱乐手机版 > 正文

JavaScript地图拖动功用SpryMap的归纳实现,不显伏贴

选用它你能够轻易完成类似谷歌、百度地图的拖动效果,对于要展现大图时使用SpryMap是再好不过的了。SpryMap的定制性也异常高,通过参数可以安装图片的苗头地点、CSS样式等等。除却,你也得以安装是不是使用平滑的拖动作效果果。
    怎么着运用
  首先在head中加载SpryMap的脚本文件

关键是:url = "file:///" + url.replace("\",'/');

<script type="text/javascript" src="spryMap-min2.js"></script>

你恐怕感兴趣的稿子:

  • javascript IE7 浏览器本地图片预览
  • 经过JS获取顾客本地图片路线并体现的代码
  • 百度地图api应用标明地理地点消息(js版)
  • JavaScript地图拖动作用SpryMap的回顾实现
  • jsp连接MySQL操作GIS地图数据完毕增加point的效应代码
  • 澳门金莎娱乐手机版 ,JS预览图像将本地图片展示到浏览器上
  • JS中引用百度地图并将百度地图的logo和音信去掉
  • js 调用百度地图api并在地形图上举办贿赂增加标明
  • AngularJS + Node.js + MongoDB开辟的依照高德地图地点的通信录
  • javascript html5 canvas完成可拖动省份的炎黄地图

var map = new SpryMap({id : "worldMap",
                             height: 400,
                             width: 800,
                             startX: 200,
                             startY: 200,
                             cssClass: "mappy"});

<img id="img1" src=""/> <script> function fileChange(obj) { var url = obj.value url = "file:///" + url.replace("\",'/'); alert(url); document.getElementById("img1").src= url; } </script> <input type="file" onchange="fileChange(this);" />

复制代码 代码如下:

  最终在页面加载时开始化

本文由金沙澳门官网网址发布于澳门金莎娱乐手机版,转载请注明出处:JavaScript地图拖动功用SpryMap的归纳实现,不显伏贴

关键词: