下面提到的 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. alpha冲6

    队名:日不落战队 安琪(队长) 今天完成的任务 回收站前端界面. 明天的计划 查看个人信息界面. 还剩下的任务 信息修改前端界面. 设置界面. 遇到的困难 模拟机莫名其妙就崩了,调试了很久,后在队友的 ...

  2. 使用fabric1.14.0和fabric2.4.0

    fabric1.14.0(支持Python2.5-2.7版本): from  fabric.api import * env.gateway = '192.168.181.2'            ...

  3. 利用vs10和opencv识别图片类型身份证的号码

    遇到的问题: 1 持续灰色图像框 waitkey()要在imshow()之前调用. 2 CvRect 和Rect CvXXX是C语言的接口,cv::XXX是C++语言的接口.两者混在一起容易出错 3 ...

  4. 第210天:node、nvm、npm和gulp的安装和使用详解

    一.node 1.什么是node? 它不是JS文件,也不是JS框架,而是Server side JavaScript runtime,当服务端的一个JS文件运行时,会被NODE拦截,在NODE中运行J ...

  5. hdu6415 Rikka with Nash Equilibrium (DP)

    题目链接 Problem Description Nash Equilibrium is an important concept in game theory. Rikka and Yuta are ...

  6. Android Espresso(UI自动化测试)的搭建

    Espresso是Google官方提供的Android UI自动化测试的框架. 为什么叫Espresso(浓咖啡),好像是想让Android码农们轻松的写完自动化用例后能享受着咖啡,看着自动化测试&q ...

  7. 【明哥报错簿】之【HTTP Status 500 - Servlet.init() for servlet mvc-dispatcher threw exception】

    报错:java.lang.NoClassDefFoundError: /factory/config/EmbeddedValueResolver spring或者jdk的问题,解决办法:spring3 ...

  8. String Typing CodeForces - 954B

    题意: 给一个字符串,可以复制某一段字符,问最少需要多少步能将其输出,比如abcabcd,先输入abc然后再赋值abc再输入d就只需要5步. 复制的这段字符 必须是从字符串的0位置开始复制的  而且只 ...

  9. Linux内核分析3

    周子轩创作品转载请注明出处  <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 gdb跟踪start_ke ...

  10. 一些常见算法的JavaScript实现

    在Web开发中,JavaScript很重要,算法也很重要.下面整理了一下一些常见的算法在JavaScript下的实现,包括二分法.求字符串长度.数组去重.插入排序.选择排序.希尔排序.快速排序.冒泡法 ...