代码如下: /** * 从 file 域获取 本地图片 url */ function getFileUrl(sourceId) { var url; if (navigator.userAgent.indexOf("MSIE")>=1) { // IE url = document.getElementById(sourceId).value; } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chro...
代码如下: Image preview example var loadImageFile = (function () { if (window.FileReader) { var oPreviewImg = null, oFReader = new window.FileReader(), rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-por...
采用CSS覆盖的方法就可以了,但是官方是不允许这么做的,参考:http://developer.baidu.com/map/question.htm 代码如下: javascript移除百度地图LOGO和版权信息 function initialize() { var mp = new BMap.Map('map'); mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11); } window.onload = initialize; = .anchorBL{ display:none; } JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发...
用uchome普通上传来举例,取原代码:return obj.files.item(0).getAsDataURL(); 升级到Firefox7.0后,需要改为:return window.URL.createObjectURL(obj.files[0]); 实际上就是Firefox7.0废弃了item属性。
51Map免费提供了地图接口以下是调用接口并且实现地理位置标注,存储,修改和回显功能。 51地图网址:http://api.51ditu.com/ 在网页中引入 代码如下: 在地图上标注: 代码如下: //地图标注 $(document).ready(function(){ var ico=new LTIcon("",[24,24],[12,12]); var map=new LTMaps("mapdiv");//地图对象 var controlB; //标记控件 map.centerAndZoom("tianjin",5);//天津 map.handleMouseScroll();//鼠标滚轮 var c...
代码如下: imgpath= getRealPath(fileId); document.getElementById("divSBTP").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=\""+ imgpath + "\")";//使用滤镜效果 function getRealPath(fileId){ var file_upl = document.getElementById(fileId); file_upl.select(); return document.selection.createRange().text; } 说明:ie8本地图片上传预览不能直接用$(“#i...
代码如下:点击这个按钮,获得您的位置:试一下var x=document.getElementById("demo");function getLocation(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition); }else{ alert("您的浏览器不支持地理定位"); } } function showPosition(position){ lat=position.coords.latitude; lon=position.coords.longitude; //var map = new BMap.Map("container"...
如下所示: 代码如下: Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例 .map img { width: 496px; height: 415px; } .mapDiv { width: 140px; height: 61px; padding: 5px; color: #369; background: url('Images/dialge.gif') no-repeat; position: absolute; ...
最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中,我给大家分享如何使用js来完成地图交互。 先简单介绍下raphael.js,raphael.js是一个很小的javascript库,它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。此外raphael.js还跨浏览器兼容,而且还兼容老掉...
作为开发的初学者,这东西仅仅作为个人备份,如果能帮到忙也也不错(我开发用的php,但这是js这本身没多大影响) 这里要说明几个问题: 1.boxy调用的页面中不能出现《script》标签不然不能显示 2.boxy调用的时候要注意流程,要先加载出boxy然后再去渲染地图到boxy页面中 3.百度地图的加载js应放在弹出boxy的那个页面中 注意流程:boxy页面其实为单独的一个页面只是用了ajax中$.get('/index.php?r=comm/map_coordinate', function(d...
最近要做一个网页,具体内容是:上边有一个标题,下边分成两块,左边是地图。并且地图上有两个点,点击两个点有相应的提示信息,显示数据库里最新的两条数据信息。右边是一些文字说明。本人刚开始学习,做的也不是很好 总体效果如下所示: 首先新建map.php文件,代码如下 代码如下:<!DOCTYPE html> <?php /* 创建与数据库的连接 */ $conn=mysql_connect("","","") or die("can not connect to server"); mysql_select_db("hdm041...
谷歌地图被中国防火墙封杀,所以不用直接引用http://maps.googleapis.com/maps/api/jssensor=false&language=en这域名下的谷歌地图api,而是改为http://maps.google.cn/maps/api/jssensor=false这个地址,google.cn在国内的域名没有被封杀,可以使用。 注意:google.cn虽然可以使用,但是会输出部分js引用到google.com的资源,导致地图呈现会延时,所以不要将谷歌地图api放到你的内容前面,如head标签里面,而是放到内容或者html结...
本文实例讲述了sogou地图API应用,是非常实用的技巧。分享给大家供大家参考。具体实现方法如下: 地图的初始化 1、添加引用地图的API文件:2、网站初始化加载事件:window.onload = function () { var map = new sogou.maps.Map(document.getElementById("map_canvas"), {}); } 创建一个id为map_canvas的div,自定义div样式,网站运行时地图自动加载; 具体代码如下html {height: auto;} body {height: auto;margin: 0;padding: 0;...
效果(新版Firefox中测试):代码:Google Map Google Maps JavaScript API v3(参考文档):https://developers.google.com/maps/documentation/javascript/basics 百度地图API的参考文档:http://developer.baidu.com/map/jsmobile.htm
代码如下:根据地址查询经纬度http://api.map.baidu.com/apiv=1.3">要查询的地址:查询结果(经纬度):style="position: absolute;margin-top:30px; width: 730px; height: 590px; top: 50; border: 1px solid gray;overflow:hidden;">var map = new BMap.Map("container");map.centerAndZoom("徐州", 12);map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用...