网站开发中很有用的几个 jQuery 地图插件

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

Custom Interactive Map : jQuery Plug-in

网站开发中很有用的几个 jQuery 地图插件

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

特性概览:

  • 插件有详细的文档.

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

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

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

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

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

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

Interactive World Map Plug-in

网站开发中很有用的几个 jQuery 地图插件

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

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

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

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

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

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

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

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

谷歌地图jQuery 插件

网站开发中很有用的几个 jQuery 地图插件

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

JQV地图

网站开发中很有用的几个 jQuery 地图插件

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

CSS & jQuery可点击地图

网站开发中很有用的几个 jQuery 地图插件

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

Polymaps

网站开发中很有用的几个 jQuery 地图插件

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

jQuery Geo

网站开发中很有用的几个 jQuery 地图插件

如果使用这个插件,你可以使用它简单的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/

上一篇:如何解释json的字符串


下一篇:Vivado Design Suite用户指南之约束的使用第一部分(介绍部分)