下面提到的 jQuery 地图插件不仅仅是提供一个简便的方式来安装一个地图,如果你想在它们之间选择一个放到你的网站上,那么它们还有更多的额外选项来提供更多更全面的功能。大部分的 jQuery 地图插件都会有各种各样的文档,一些会进行扩展,一些则不会,因此理性的选择你需要的地图插件吧。

Custom Interactive Map : jQuery Plug-in

如果你想把矢量图形地图文件或影像地图文件变成一种奇妙的交互式应用程序,并能支持几乎所有的网络浏览器,在各种触摸设备和移动设备上都可以工作,那么你应该停在这里坚决拿下这个定制交互式jQuery地图插件,它是为你准备的最棒的地图插件,有一系列独特的功能集。该插件支持各种地图文件格式,如SVG,PNG和JPG。

特性概览:

  • 插件有详细的文档.

  • 可以有无限的地标,即不限数量的带有不同图贴和不同动作的地点标记。

  • 插件为智能电话和平板等触摸设备进行过优化。

  • 支持多底板,避免了只有一个所产生的限制。

  • 你可以在许多响应式设计的设备上享受到最佳体验。

  • 你可以通过它自己特定的URL参考任何地点。 You can reference any location through its own particular URL.

  • 此插件可在几乎所有WEB浏览器上运行,包含IE8.

Interactive World Map Plug-in

此款插件使用新颖的可伸缩矢量图概念,所以用户可以随意缩放地图的大小又不会影响图片的质量。这个插件是用 HTML5 开发的,跟上面所说的一样,在 JavaScript SVG 运行。

简要的了解一下交互式世界地图插件的特性:

  • 用户可以使用 HTML Snippets 插件或者是 iframe,经过很简单的步骤把插件到 WordPress

  • 它不依赖于特定的插件,比如 Flash player;所以它能在不同的平台运行,包括 iPad 和 iPhone

  • 在地图上可以无限量的添加任何地方的交互式城市,通过非常简单又条理清晰的 JavaScript 文件就可以实现(不需要知道 javaScript 方面的知识)

  • 可以单独控制每个城市(方向,颜色,URL 等等)

  • 响应式;它可以适应页面所提供的控件,不需要进行水平的滚动,同时也能保证地图的质量

  • 兼容所有主流浏览器: Google Chrome, Firefox IE9+, Safari 和 Opera

谷歌地图jQuery 插件

如是你想通过使用谷歌地图JavaScript应用程序接口与你的网页结合来简化嵌入谷歌地图,那么谷歌地图jQuery插件会是不错的选择,你可以直接使用谷歌地图JavaScript API来完成你想做的事情。你可以简化地图的嵌入过程仅仅需要签注一个应用程序接口键值。

JQV地图

如果你正在寻找通用过SVG用于当前网络浏览器和通过VML用于其它浏览器的透视矢量地图,那么你最好使用JQV 地图jQuery插件,因为它是矢量地图插件的高级和改进版,它与生俱来的集成了世界地图。你可以通过插件提供各种客户化的功能来增加边框、色彩和不透明度。

CSS & jQuery可点击地图

这个插件提供给你一个更好的方法,来把区域列表转换成某种样式化、可点击的地图,而无需使用Adobe Flash或者其他任何额外的插件。

Polymaps

这是一个免费的jQuery插件,用来创建动态可交互的地图,并在现在浏览器上运行良好。你可以实现地图上所有数据集的多处放大的快速显示,展示了用于线性矢量数据可视化展示的广泛用途。

jQuery Geo

如果使用这个插件,你可以使用它简单的API来轻松展示地理位置。jQuery Geo使用了多种开源地图服务器来提取地图数据,可以处理用户与地图的直接交互。

译文出处:http://www.oschina.net/translate/seven-top-notch-jquery-global-map-plug-ins

原文链接:http://www.webdeveloperjuice.com/2013/12/13/seven-top-notch-jquery-global-map-plug-ins/

网站开发中很有用的几个 jQuery 地图插件的更多相关文章

  1. 在网站开发中很有用的8个 jQuery 效果【附源码】

    jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 JavaScript 的方式.它简化了 HTML 文档遍历,事件处理,动画和 Ajax 交互,而且有成千上万的成熟 jQuer ...

  2. 转:在网站开发中很有用的8个 jQuery 效果【附源码】

    原文地址:http://www.cnblogs.com/lhb25/p/amazing-jquery-effects.html jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 ...

  3. 分享20款移动开发中很有用的 jQuery 插件

    今天,很显然每个网站都需要有一个移动优化的界面以提高移动用户的使用体验.在开发任何移动项目时,要尽可能保持每一种资源尺寸都尽可能的小,以给最终用户提供一个好的体验是非常重要的.在这篇文章中我们已经编制 ...

  4. 网站开发中很实用的 HTML5 & jQuery 插件

    这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...

  5. 今日推荐:10款在 Web 开发中很有用的占位图片服务

    设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的.然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局. 如今,有免费的占位图片自动生成工具可以使用, ...

  6. Web 开发中很实用的10个效果【附源码下载】

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  7. Web 开发中很实用的10个效果

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  8. 转:Web 开发中很实用的10个效果【附源码下载】

    原文地址:http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html 在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多 ...

  9. 整合Spring.net到asp.net网站开发中初探

    整合Spring.net到asp.net网站开发中初探 http://www.veryhuo.com 2009-10-21 烈火网 投递稿件 我有话说   Spring提供了一个轻量级的用于构建企业级 ...

随机推荐

  1. POJ 2392 Space Elevator 贪心+dp

    题目链接: http://poj.org/problem?id=2392 题意: 给你k类方块,每类方块ci个,每类方块的高度为hi,现在要报所有的方块叠在一起,每类方块的任何一个部分都不能出现在ai ...

  2. ASP.NET 文档

    标题:ASP.NET 文档 地址:https://docs.microsoft.com/zh-cn/aspnet/index#pivot=core&panel=core_overview 标题 ...

  3. lintcode-419-罗马数字转整数

    419-罗马数字转整数 给定一个罗马数字,将其转换成整数. 返回的结果要求在1到3999的范围内. 说明 什么是 罗马数字? https://en.wikipedia.org/wiki/Roman_n ...

  4. HTMLA内联框架

    <head> <meta charset="utf-8" /> <title>内联框架</title> </head> ...

  5. QMap使用

    版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:QMap使用     本文地址:https://www.techieliang.com/201 ...

  6. HDU 2156 分数矩阵

    http://acm.hdu.edu.cn/showproblem.php?pid=2156 Problem Description 我们定义如下矩阵:1/1 1/2 1/31/2 1/1 1/21/ ...

  7. PHP对象的遍历

    对象的遍历 对象的遍历,跟数组的遍历,一样! 其实,只能遍历出对象的“实例属性数据” foreach( $对象名  as   $key => $value){ //这里就可以处理$key和$va ...

  8. 从装饰者模式的理解说JAVA的IO包

    1. 装饰者模式的详解 装饰者模式动态地将责任附加到对象上.若要扩展功能,装饰者提供了比继承更有弹性 的替代方案. 装饰者模式设计类之间的关系: 其 中Component是一个超类,ConcreteC ...

  9. HDU 4758——Walk Through Squares——2013 ACM/ICPC Asia Regional Nanjing Online

    与其说这是一次重温AC自动机+dp,倒不如说这是个坑,而且把队友给深坑了. 这个题目都没A得出来,我只觉得我以前的AC自动机的题目都白刷了——深坑啊. 题目的意思是给你两个串,每个串只含有R或者D,要 ...

  10. RxSwift基本使用(一)

    备注:本文参考自田腾飞博文 [RxSwift入坑解读-你所需要知道的各种概念] (http://www.codertian.com/2016/11/27/RxSwift-ru-keng-ji-read ...