7个Javascript地图脚本整理

1. Mapeed.AddressChooser (演示地址)


Mapeed.AddressChooser 是一个JavaScript脚本， 用来创建地址表单和地图结合的特效。

当在地址表单中选择和输入地址时，实时在地图上显示地理位置，默认是使用Google Maps，你也可以整合其它地图服务。

2. GoogleMapsModal

使用jQuery插件GoogleMapsModal可以实现Google地图模拟功能，把Google地图放在你需要的任何地方。

3. jMaps

jMaps 是一个 jQuery 的插件，提供了简单的 API 来访问 Google 地图.

4. jQMaps

jQMaps 是一个 jQuery 的插件，提供了简单的 API 来访问 Google 地图,可增加自定义点、线。

5. jQuery Maps Interface

jQuery Maps Interface是一个 jQuery 的插件，对google,yahoo地图提供接口支持

6. MapEasy

MapEasy以Google Map的方式实现了基本的GIS功能和简单地物标注等。注意她是一个纯粹的客户端JS库，不需要任何插件，并且与后台数据的获取方式完全分离，你可以在服 务器放置简单的图片，也可以在后台架设你喜欢的地图服务器（MapX，GeoServer等），从而使她天生轻量级，更加易于各种环境下的部署和扩展。虽 然是完全运用弱类型语言JavaScript编写，但良好的OO设计和模式的运用丝毫没有影响她的完美表现（JavaScript中的OO和模式现在越来 越受到重视也是一个趋势）。

7. Mapstraction

有不少地图提供商都提供不同 API，如果你要更换提供商，比如从 Google Maps 到 MapQuest，需要更新代码，Mapstraction 提供了常用地图提供商的 API，只需该一行代码就能完成转换。

赞 (0)

相关推荐

  • 7个Javascript地图脚本整理

    7个Javascript地图脚本整理

    1. Mapeed.AddressChooser (演示地址) Mapeed.AddressChooser 是一个JavaScript脚本, 用来创建地址表单和地图结合的特效. 当在地址表单中选择和输入地址时,实时在地图上显示地理位置,默认是使用Google Maps,你也可以整合其它地图服务. 2. GoogleMapsModal 使用jQuery插件GoogleMapsModal可以实现Google地图模拟功能,把Google地图放在你需要的任何地方. 3. jMaps jMaps 是一个

  • javascript 动态脚本添加的简单方法

    异步加载js文件或者异步加载js模块,支持所有浏览器,包括IE,参考至javascript高级编程 1.createScript方法用于创建一个script标签并添加到body标签中 2.createModule方法用于创建一个script脚本的标签,并且如果在IE8以下的版本运行会抛出异常,在异常捕获模块中执行script.text兼容IE添加js的脚本内容. <button id="demo">js文件</button> <button id=&quo

  • JavaScript学习笔记整理_setTimeout的应用

    setTimeou的t应用 var ids = []; function foo1(i) { this.i = i; console.log('i = '+i); ids[0] = setTimeout((function () { foo1(i); }),1000); } function foo2(j) { this.j = j; console.log('j = '+j); ids[1] = setTimeout((function () { foo2(j); }),1000); } fo

  • JavaScript学习笔记整理_关于表达式和语句

    表达式和语句 eval( ) 只有一个参数 参数非字符串时,直接返回这个参数: 参数为字符串时,它把字符串当成JavaScript代码进行编译,编译失败则抛出语法错误,编译成功则执行代码,并返回最后一条语句的值,若没有值则返回undefined eval()使用了调用它的变量的作用域环境 它接收的字符串参数,在作为单独的代码时,必须是有语义的,否则编译失败 delete运算符:用来删除对象的自由属性.数组的元素, 删除属性后,属性将不存在,而删除数组元素后,会在数组内留下一个值为undefine

  • JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用

    如下所示: //实现枚举类型,扑克牌应用 function creatEnum(p){ //构造函数 var Enumeration = function(){throw 'can not Instantiate Enumerations';}; //重写原型并将原型赋值给变量proto var proto = Enumeration.prototype = { constructor:Enumeration, toString:function(){return this.name;}, va

  • JavaScript常用脚本汇总（一）

    jquery限制文本框只能输入数字 jquery限制文本框只能输入数字,兼容IE.chrome.FF(表现效果不一样),示例代码如下: 复制代码 代码如下: $("input").keyup(function(){ //keyup事件处理    $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function(){ //CTR+V事件处理    $(this).val($(this).

  • 实现checkbox全选、反选、取消JavaScript小脚本异常

    实现checkbox全选、反选、取消JavaScript小脚本异常

    今天在实现checkbox全选,反选,取消JavaScript小脚本的时候,总是出现点击后页面瞬间刷新,选择的checkbox全部取消的问题,debug了半天,才发现原来是<button>标签中少写了一个type属性的原因,郁闷啊,希望自己以后少犯这种特别2的错误,特此记录. 复制代码 代码如下: <!-- 以下为错误写法 --> <button name="checkAll" value="全选" class="checkB

  • JavaScript常用脚本汇总（三）

    通过数组,拓展字符串拼接容易导致性能的问题 复制代码 代码如下: function StringBuffer() {     this.__strings__ = new Array(); } StringBuffer.prototype.append = function (str) {     this.__strings__.push(str);     return this; } StringBuffer.prototype.toString = function () {     r

  • JavaScript导航脚本判断当前导航

    废话不多说,直接给大家贴代码了. <script> $(function () { //highlight current / active link 左侧导航判断当前活动导航 $('ul.main-menu li a').each(function () { var wo = window.location.href.substring(window.location.href.lastIndexOf('/') + 1, window.location.href.lastIndexOf('.

  • JavaScript学习笔记整理_用于模式匹配的String方法

    用于模式匹配的String方法: String支持4种使用正则表达式的方法: seach()用于检索,参数是一个正则表达式,返回第一个与之匹配的子串的位置,找不到则返回-1,如果参数不是正则表达式,则首先会通过RexExp构造函数将它转换成正则表达式,seach()方法不支持全局搜索,它忽略修饰符g: replace()用于检索与替换操作,第一个参数是一个正则表达式,第二个参数是要进行替换的字符串.它对调用该方法的字符串检索,按照模式匹配子串替换成第二个参数,若包含修饰符g则全文匹配.若第一个参

随机推荐