最近做百度地图的模拟数据,需要获取某条公交线路沿途站点的坐标信息,貌似百度没有现成的API,因此做了一个模拟页面,工具而已,IE6/7/8不支持 代码如下: 获取公交站点坐标 html,body{ height: 100%;} #results,#coordinate{ display: inline-block; width: 45%; min-height: 200px; border:1px solid #e4e4e4; vertical-align: top;} 公交线路: (function(){ var tempVar; var busline = new BMap.BusLineSearch('...
公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题,编程复杂度也会提高 直接上demo代码 为更多有这种需求又苦于找不到解决方案的同行提供源码 转载请注明出处 我这里还有更多的其他问题的解决方案供更多人参考 get file input full path function getFullPath(obj) { var newPre...
代码如下: var request; var distanceArray = []; function getdistance() { distanceArray = []; var directionsService = new google.maps.DirectionsService(); for (var a = 0; a < pointsArray.length; a++) { for (var b = 0; b < pointsArray.length; b++) { if (a != b) { request = null; request = { origin: pointsArray[a], destination: pointsArray[b], travelMode: google.maps.DirectionsTravelMode.DRIVING, unit...
前言:最近在做SOSO地图相关开发,遇到相关画圆知识,特此简单记录下来。1.在页面中添加SOSO地图API引用,引用脚本: 代码如下:; 2.新建一个地图DIV容器,如下: 代码如下:3.初始化地图: 代码如下: var center=new soso.maps.LatLng(22.540551,113.934593); var map=new soso.maps.Map(document.getElementById("container"),{ center:center, zoomLevel:14 });4.创建一个圆形对象: 代码如下: var circle=new soso.maps...
一、前言这一讲的内容很简单,大家理解起来会更快。因此我只对重点加以分析,其他的就轮到大家思考哦!首先来说,我对游戏开发可以算是不怎么深入,因为现在的程序员爱用canvas,我却就只会拿几个div凑和。不过没关系,因为做出来的同样是游戏。哈!废话最近有点多,望大家原谅。接下来请看代码解析。 二、代码讲解今天调一下讲解顺序,先看代码后看图片。 这是slg.js里的内容: 代码如下:var subtractedMargin = 0; var subtrac...
小时候我们玩过拼图游戏,是用自己的手去拼的。今天我们来研究研究用javascript来拼图。同样是拼图,但用js拼图要比用手拼图麻烦多了,因此以后我要把它优化成引擎。 一、前言 以上是一段导语,话不扯远,对《三国志曹操传》熟悉的玩家知道,《三国志曹操传》的地图是由小地图块拼成的,那要实现它就和导语说得一样:很麻烦。不过即使麻烦也是一门技术,因此在此分享给大家,希望大家喜欢。 二、代码讲解今天我要换换讲解方式,先不...
有时做了一些东西没有记录,而过一段时间再看的时候,有会忘记了。需要在重新在看一遍。 百度地图javascript api可以参考 http://developer.baidu.com/map/reference/ 示例:http://developer.baidu.com/map/jsdemo.htm 更多百度地图的介绍http://www.cnblogs.com/milkmap/tag/%E5%9C%B0%E5%9B%BEAPI/ 里面介绍的非常详细。 弄了一个百度地图来标注地理位置信息,通过百度api来获取地址。这地图api是javascript版 添加显示显示的...
最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来。这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上需求很小,没有研究。 总结一下就是: IE6下可以直接从file的value获取图片路径来显示预览。 IE7和IE8下通过select获取file的图片路径,再用滤镜来显示预览。 FireFox下调用file的getAsDataURL方法获取Data URI数据来...
以下是在页面加入两个地图的效果:页面核心代码如下:代码如下:#mapDiv1 { height:400px; width:600px; }#mapDiv2 { height:400px; width:600px; left:620px; top:-420px;}
下图为使用百度地图JSAPI生成的H7N9感染分布图示例,其中的数据来自新华网(4.8号),截图如下: 使用的功能列表如下: 1.自定义版权控件功能,即(1)对应的数据来源部分,代码如下: 代码如下: var cr = new BMap.CopyrightControl({anchor: BMAP_ANCHOR_TOP_RIGHT}); map.addControl(cr); //添加版权控件 var bs = map.getBounds(); cr.addCopyright({id: 1, content: "H7N9数据来源", bounds: bs}); 2.获取行政边界功能,即(...
代码如下: //在这里要注意js引入的先后顺序 .photo { width: 300px; text-align: center; } .photo .ui-widget-header { margin: 1em 0; } .map { width: 350px; height: 350px; } .ui-tooltip { max-width: 350px; } $(function () { $(document).tooltip({ items: "img, [data-geo], [title]", content: function () { var element = $(this); if (element.is("[data-geo]")) { var text = element.text(); return...
代码如下: //在这里要注意js的引入顺序 $(function () { function latlong() { return new google.maps.LatLng($("#lat").val(), $("#lng").val()); } function position() { map.setCenter(latlong()); } $("#lat, #lng").spinner({ step: .001, change: position, stop: position }); var map = new google.maps.Map($("#map")[0], { zoom: 8, center: latlong(), mapTypeId: google.maps.MapTypeId.ROADMAP }); }...
代码如下: $(function () { function latlong() { return new google.maps.LatLng($("#lat").val(), $("#lng").val()); } function position() { map.setCenter(latlong()); } $("#lat, #lng").spinner({ step: .001, change: position, stop: position }); var map = new google.maps.Map($("#map")[0], { zoom: 8, center: latlong(), mapTypeId: google.maps.MapTypeId.ROADMAP }); }); #map { width:500px; heigh...
使用它你可以轻松实现类似Google、百度地图的拖动效果,对于要展示大图时使用SpryMap是再好不过的了。SpryMap的定制性也很高,通过参数可以设置图片的起始位置、CSS样式等等。除此之外,你也可以设置是否使用平滑的拖动效果。 如何使用 首先在head中加载SpryMap的脚本文件 代码如下: 在页面中添加要显示的图片,如设置id为worldMap的img标签 代码如下: 最后在页面加载时初始化 代码如下:var map = new SpryMap({id : "...
直接贴出代码,这个可以在本地创建一个html文件直接运行: 代码如下: Map function init() { var center = new soso.maps.LatLng(31.15953,121.516035); var map = new soso.maps.Map( document.getElementById("container"), { center: center,//显示地图的中心位置 zoom: 15//显示地图的缩放级别 } ); //地图第一个mark的坐标 var position1 = new soso.maps.LatLng(31.15751,121.514061); var marker = new soso.maps.Ma...