最近做百度地图的模拟数据，需要获取某条公交线路沿途站点的坐标信息，貌似百度没有现成的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...