20+个很有用的 jQuery 的 Google 地图插件

　　Google 地图在寻找我们想要了解的商店或者其它有趣的地方这种用途方面很流行和实用. 地图被一些商店特地集成到了它们的网站上面，这样就可以让人们容易找到它们的所在.

　　尽管其并不容易被集成，Google 地图使用起来还是简单且引人注目的. 在你的站点上集成它需要一个漫长且复杂的过程. 但多亏了拥有一个许多实用Google地图插件资源库的jQuery. 你只需要将jQeury地图插件安装到你的站点上，然后就可以开始根据你的业务需要来设计简单但能吸引人的地图了.

　　在本文中，我会列出一堆实用的jQuery Google地图插件, 它们提供了许多将地图添加到你的站点的功能. 如果你发现这片文章对你有帮助，请将其分享给其他人。如果你有任何其他的意见，请不要迟疑，把它们写在下面吧.

　WhatsNearby

　　一个使用Google地图将一个特定点附近的位置标识出来的jQuery插件.

　　示例

　mapsed.js

　　Mappy.js 是一个在一张地图上选择位置的插件. 出了选择位置，你还可以添加或者编辑已经集成到了你自己的数据库中的位置.

　　示例

　JQuery 位置选择器

　　位置选择器插件可以让你很容易的找到并选择一个Google地图上的位置. 提供中心位置和半径，它还可以选择一片区域. 所有的数据都可以被自动地保存到任何HTML输入元素中，也可以被Javascript处理.

　　示例

　Planetary.js

　　Planetary.js 是一个用来构建很棒的可交互地球的Javascript库. 它使用了D3和TopoJSON来转换和渲染地理数据. Planetary.js 使用了一个基于插件的架构; 甚至于默认的功能都是作为插件实现的.

　　示例

　Leaflet

　　Leaflet 是一个用于对移动装置地图交互友好的现代开源Javascript库. Leaflet 被设计得简单，高性能且很好使用. 它开箱即用，可以很高效的运行在所有主要的桌面和移动平台上, 尽管吸收了现代浏览器HTML5和CSS3的有点，但仍然可以在较老的浏览器上运行.

　　示例

　jQuery 商店定位

　　这个jQuery差劲啊利用了 Google Maps API 版本3 来创建一个能简单实现的商店选择器. 这需要无后台编程，你只需要向其提供带有所有位置信息的KML，XML或者JSON数据.

　　示例

　Maplace.Js

　　Maplace.js 可以帮助你在你的站点中嵌入Google地图, 并在其上快速创建新建和控制位置的菜单.

　　示例

　MapQuery

　　MapQuery 是一个你可以用来在你的站点上添加地图的jQuery插件. 不管你是要快速地添加一个地图到页面上，还是想构建一个特性丰富的web应用，MapQuery 都是你所需.

　　示例

　jQuery Geo

　　jQuery Geo, 是一个来自Applied Geographics的开源地理学地图项目, 提供一系列能满足你的在线地图应用大部分需求的Javascript API.

　　示例

　Geolocation

　　Geolocation 是一个使用Google Maps API v3来获取访问了你的网页的用户位置的jQuery插件.

　　示例

　gMap

　　gMap 是一个轻量级的JQuery插件，可以帮助你吧Google地图嵌入站点.

　　示例

　VectorMap

　　VectorMap 是一个用来在网页上展示矢量地图和可视化数据的JQuery插件.

　　示例

　Europe : CSS & jQuery 可点击地图

　　可以自由地同地图上欧洲大陆的47个国家交互的jQuery地图.

　　示例

　jQuery Map Marker

　　jQuery Map Marker 插件使得使用google Map API V3在地图上放置多个标记变得简单. 当你有一些数据想要显示在地图上时，它会很有用.

　　示例

　jQuery GPS

　　jQuery GPS 为那些想要将Google地图添加到他们的站点中的人们准备的jQuery插件.

　　示例

　Geocomplete

　　一个封装了Google 地图API的地理编码和地点自动完成服务的先进的jQuery插件. 你只要简单的提供一个用来搜索位置的输入元素，就会有一个很棒的自动完成下拉表单. 还可以添加一个容器用来显示一张可交互地图，还有一个填充了地址详细信息的表单.

　　示例

　jHERE

　　使用jHERE, 你就能够很容易的将交互地图添加到你的站点上。只要5kb（压缩话就只有2kb），你就可以拥有一个强大的地图API，高度定制的标记，事件处理和信息气球.

　　示例

　POI map

　　使用 jQuery & Google Maps v3构建的一个POI地图.

　　示例

　Polymaps

　　Polymaps 是一个免费的用来在现在web浏览器中构建动态，可交互地图的Javascript库.

　　示例

　Kartograph

　　Kartograph 是一个无需Google地图或者其它任何地图服务就可以用来构建可交互地图应用的简单的轻量级框架.

　　原文地址：http://www.developerslane.com/20-useful-jquery-google-maps-plugins/

20+个很有用的 jQuery 的 Google 地图插件,布布扣,bubuko.com

时间： 2024-12-06 06:17:57

20+个很有用的 jQuery 的 Google 地图插件的相关文章

Web 开发中 20 个很有用的 CSS 库

转自:http://www.oschina.net/translate/css-libraries-for-developers 在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性.每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发.像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用. 在这篇文件章中我们找到了一系列对开发者有用的CSS库,它们能帮助开发者在一定的期限内取得有创造性和创新性的成果.我们

[HTML5_JQueryMobile]20个很棒的 jQuery Mobile 教程

构建一个餐馆选择的 Web 应用 How to build a jQuery Mobile app for choosing a restaurant based on what the user want to eat tonight, the town where they want to eat and other user’s ratings of the restaurants. 创建一个良好移动体验应用 For larger data-focused sites, or sites

Web开发中20个很有用的CSS库

来源: 微信公众号文章 在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性.每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发.像CSS库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用. 在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性.每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发.像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者

【随笔记录】很有用的Jquery代码片段（转）

代码片段1: 在表单中禁用“回车键” 大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助: 在线调试 在线演示 $("#form").keypress(function(e) { if (e.which == 13) { return false; }}); 代码片段2: 清除所有的表单数据 可能针对不同的表单形式,你需要调用不同类型的清楚方法,不过使用下面这个现成方法,绝对能让你省不少功夫. 在线调试 在线演示 function clearForm(fo

20个很有用的CSS技巧

导语:下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看. 1. 黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%

【转】10 个很有用的 jQuery 弹出层提示插件

模态对话框为网站用户提供了快速显示信息的方法,也可以用来提示错误.警告和确认等信息,这里介绍了 10 个弹出模态对话框插件. How to Create a jQuery Confirm Dialog Replacement Open Source TinyBox2 JavaScript Modal Windows Apprise: Attractive Alert and Dialog Box for jQuery noty Reveal: jQuery Modals Made Easy A

16款最佳的 jQuery Time Picker 时间选择插件

jQuery 插件可以为你做许多事情,你可以很容易地把这些插件集成到您的网站.网络上的 jQuery 日期选择器和日历插件很多,但找不到很满意的时间选择器插件. 在这里,我们收集了最好的一组 jQuery 时间选择器插件列表分享给大家. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个前沿 HTML5 & CSS3 效果

【jquery】Validform，一款不错的 jquery 表单验证插件

关于 Validform 这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证. $('form').Validform(); 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去完成整站的表单验证的梦想成为现实! 功能简介 可以在 input 上直接绑定正则,可

Qt之WebKit学习之QWebView显示网页与google地图

目录 一:Qt通过地址显示网页 二:Qt调用setHtml方法加载html格式的网页,以加载google地图插件为例. 一.Qt显示网页只要三步 1) 新建QWebView对象:QWebView *view = new QWebView(this); 2) 调用setUrl或load函数设置要显示的网页地址,如load("http://www.baidu.com"); 必须以http://开头: 3)调用show函数显示. 完整代码: webview.h中: #ifndef WEBVI