7 个顶级的 jQuery 地图插件(Seven Top Notch jQuery Global Map Plug-ins)

Web应用开发 William 441浏览 0评论

jQuery is among one of the most famous JavaScript Libraries present on the World Wide Web and almost all the web designers and web developers are on familiar terms with the functionality and features of jQuery. You can find solutions to all your problems with jQuery and this best matches up with all the website requirements so that it becomes easy for the developers to create innovative and creative websites.

In this day and age almost all the clients insist on integrating Global Map Plug-ins into their web applications. Generally these jQuery Global Map plugins are particularly needed for integrating into the Contact Us page of a particular website however these jQuery Global Map Plugins are as well beneficial for various other functions that the clients require such as Navigation, GPS Tracking and lots more.

To knob and deal with such situation we at WDJ are featuring the best seven jQuery Global Map Plug-ins in this post that will not merely ease the implementation of maps into your websites but as well will provide wide range of map functionalities for website admins and as well for all the end users interacting with them.

jQuery是当前最流行的万维网的JavaScript类库之一,几乎每个网络设计师和网络开发者都熟悉jQuery的功能和特性及术语。你可以在jQuery中找到你所遇到的问题的解决方案,它几乎涵盖了所有的网站的需求,因此它使它开发者可以方便的创新并创建站点。

目前的一段时间内几乎所有的客户都要求把基于地图的服务插件加到他们的网络应用中。总的来说jQuery的全球地图插件需要被加到特定网站的联系人页中,这些jQuery的地图插件同样对于客户端导航、GPS追踪等各种功能也相当的有用。

为了满足这样的场景,在WDJ的我们发布了最好用的7个jQuery 全球地图插件这个专题。这样做不仅仅是为了使您可以轻松的实施即把地图加到您的站点中,同时还为网站的管理员和最终用户提供了可交互的各种地图功能。

In the very beginning the Google Map Application Programming Interface may seem to be scary and get confused on where to begin with. You possibly would like to display a very simple map that will provide you all the directions for locating the client address. It is obvious that you will not need an all dancing and singing interactive map with so many options than required. You somehow need a simpler method and thus this is when jQuery comes into picture rendering you top notch jQuery Global Map Plug-ins that are easy to use and render great website interactivity.

The jQuery Global Map Plug-ins mentioned below not merely provide an easy method for installing a map but they as well render the option to add the extra functionality in case you plan to choose one among them for your website. Most of the jQuery Global Map Plug-ins come with a wide range of documents of which a few are extensive and a few of them are non-existent thus make a choice for your Global Map Plug-in wisely.

在刚开始接触 Google 地图应用编程接口的时候,你可能会感到害怕和迷茫,不知道该从哪里着手开始。你可能只想实现一个非常简单的地图,提供客户端定位地址的所有方向指导。显然,你不需要除了需求以外的其他地图接口选项。你需要一种更简单的方法,因此就会想到使用 jQuery ,创建顶级的 jQuery 地图插件来提高产品的易用性,并且能很好的与网站进行交互。

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

Custom Interactive Map : jQuery Plug-in

Custom Interactive Map jQuery Plug-in

If you want to change the vector graphic map or the photo graphic map into some kind of a fancy interactive application that will be supported almost all the web browsers and works well on all kinds of touch devices and mobile devices then your hunt stops here as the Custom Interactive Map jQuery Plug-in is the one for you which is the only awesome Global Map plugins available with a unique feature set. This plug-in supports various map file formats such as SVG, PNG and JPG.

Glance at the Features:

  • This plugins has detailed documentation.

  • There are limitless landmarks i.e. unlimited number of location with distinct pins and different actions.

  • This plugins is optimized for touch devices such as Smartphones ad Tablets.

  • There is support for multiple floors devoid of any limitation on the same.

  • You can enjoy optimal experience across so many devices because of its responsive design.

  • You can reference any location through its own particular URL.

  • This plugins functions well with almost all the web browsers including Internet Explorer 8.

Custom Interactive Map : jQuery Plug-in

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

Interactive World Map Plug-in

This plugins operates on the novel concept of Scalable Vector Graphics so that now you can scale your map to any size devoid of having to lose the quality of it. This plugins is developed in HTML5 code and runs on JavaScript SVG as mentioned above.

Features of Interactive World Map Plug-in at a Glance

  • You can easily integrate this plugins with WordPress by making use of HTML Snippets plugins or by iframe.

  • It doesn’t require special plugins to work such as Flash player, so it works on different platforms including iPad and iPhone.

  • Add unlimited number of interactive cities anywhere on the map using very simple well organized JavaScript file. (No JavaScript knowledge is required)

  • Control each city individually (position, colors, URL…etc).

  • Responsive; it can fit in its available space without the need to scroll horizontally while preserving its quality.

  • Compatible with all major browsers including Google Chrome, Firefox IE9+, Safari and Opera.

  • Easily integrated with Wordpress using either iframe or HTML Snippets plugins.

Interactive World Map Plug-in

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

Google Maps jQuery Plug-in

Google Maps jQuery Plugin

If you would like to ease the process of embedding Google Maps through the Google Maps JavaScript Application Programming Interface within your web pages then the Google Maps jQuery Plug-in is the right choice for you as you can directly make use of the actual Google Maps JavaScript API to accomplish whatever you want to. You can simplify the process of embedding maps into your webpage by merely signing up for an Application Programming Interface Key.

JQVMap

JQVMap

If you are looking for rendering vector maps through SVG for all the modern web browsers and VML for the rest then you must use the JQV Map jQuery plug-in as it is an advanced and modified version of the vector Map plug-in that comes with in-built maps of the world. You can add various borders, colors and include opacities via the different customization options this plug-in have to offer.

谷歌地图jQuery 插件

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

JQV地图

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

CSS & jQuery Clickable map

CSS & jQuery Clickable map

This plug-in provides you a better method to transform all the list of regions into some kind of a stylish clickable map devoid of you having to make use of Adobe Flash or any other additional external plug-ins.

Polymaps

Polymaps

This is a free jQuery plug-in for creating dynamic and interactive maps that works well with the modern web browsers. You can achieve quick display of multi zoom for all the datasets in the maps and presents a wide range of visual presentations for lined vector data.

jQuery Geo

jQuery Geo

If using this plug-in you can easily perform geo location related actions with its simple to use API. jQuery Geo makes use of various open source map servers for extracting the map date and is capable of handling direct user interaction with the map.

译者信息

Ley

Ley
翻译于 4年前

1 此译文

其它翻译版本:1(点击译者名切换)
yxrykds

CSS & jQuery可点击地图

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

Polymaps

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

jQuery Geo

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

译者信息

yxrykds

yxrykds
翻译于 4年前

1 此译文

其它翻译版本:1(点击译者名切换)
Ley

CSS & jQuery 可点图

CSS & jQuery Clickable map

这个插件可以为你提供一种将区域列表转换为时尚的可点图的更好的手段,免于你必须使用 Adobe 的 Flash 或者其它的外部插件。

Polymaps

Polymaps

这是一款开源的 JQuery 插件,用来创建与现代 Web 浏览器兼容性好的动态交互地图。你可以实现地图中所有数据集多级缩放的快速显示,和许多各种不同的矢量线数据的可视化展示。

jQuery Geo

jQuery Geo

如果使用这个插件,你可以通过它简单的 API 轻松地执行地理定位相关的操作。jQuery Geo 使用多种开源地图服务器来提取地图日期,能够直接的与地图进行用户交互。

转载请注明:AspxHtml学习分享网 » 7 个顶级的 jQuery 地图插件(Seven Top Notch jQuery Global Map Plug-ins)

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址