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

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

此款插件使用新颖的可伸缩矢量图概念,所以用户可以随意缩放地图的大小又不会影响图片的质量。这个插件是用 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/

转载于:https://www.cnblogs.com/oooweb/p/top-jquery-global-map-plugins.html

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

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

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

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

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

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

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

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

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

  5. php页面开发,PHP网站开发中常用的8个小技巧

    这篇文章主要介绍了PHP网站开发中常用的8个小技巧,本文讲解了命名.使用.PHP判断Form表单是否提交.PHP 获取字符串长度.PHP超全局对象等内容,需要的朋友可以参考下 PHP是一种用于创建动态 ...

  6. 网站开发中敏感信息加密

    系统总是有打不完的补丁和漏洞,你会是下一个黑客攻击的目标吗?还在为网站数据泄露的防范绞尽脑汁?或者您还在找寻更靠谱的数据加密解决方案?通过这门精心设计的在线课程+动手实验,您可以轻松Get到这些技能. ...

  7. html页面打印插件,分享8款网站开发中最好用的打印页面插件

    原标题:分享8款网站开发中最好用的打印页面插件 通常浏览器是通过打印命令来确定需要打印的内容,但它可以在 jQuery 插件打印页面插件的帮助下打印一个特定区域的内容..因此,您可以使用这些 jQue ...

  8. iOS开发中一些有用的小代码

    1.判断邮箱格式是否正确的代码: //利用正则表达式验证 -(BOOL)isValidateEmail:(NSString *)email { NSString *emailRegex = @&quo ...

  9. chatgpt赋能python:Python是一门强大的编程语言,它在数据分析和数据处理方面广受欢迎。在网站开发中,Python也被广泛应用。它可以用于开发Web应用、爬虫、自动化测试等。此外,Pyt

    Python是一门强大的编程语言,它在数据分析和数据处理方面广受欢迎.在网站开发中,Python也被广泛应用.它可以用于开发Web应用.爬虫.自动化测试等.此外,Python也可以用于创建表格.在本文 ...

最新文章

  1. python pip 自动补全
  2. MFC List Control 控件添加单元格编辑,实现可编辑重写
  3. Python之几种常用模块
  4. DataStage8.7连接远程Oracle数据库
  5. 无法解析 uafxcw.lib_二级建造师《实务科目》推荐知识点习题,附中业网校答案解析...
  6. Python3爬取影片入库
  7. python主要功能_Python主要功能
  8. servlet篇 之servlet实现
  9. PHP RSA2 签名算法
  10. 教你如何下载微软补丁
  11. 2018年10月软件工程自考时间安排
  12. 计算机文档保存了在文件夹中找不到,word文档保存后找不到了如何解决
  13. 用友u9一些常用sql分享
  14. c++动态规划解决一系列数中互不相邻数字之和的最大值
  15. 计算机视觉项目实战-图像特征检测harris、sift、特征匹配
  16. R语言和python语言的区别在什么地方,各自的应用场景是什么
  17. 她二本科毕业,拿到阿里年薪40万offer!经验都记录在这几个公众号日记中
  18. 黑苹果传统BIOS引导安装
  19. 防火墙添加ip白名单_如何增加网址白名单、IP白名单、策略白名单、协同防御白名单?...
  20. 王者荣耀微信23区服务器在哪,王者荣耀微信23区2点富婆出没,大厅红包满天飞,酸了...

热门文章

  1. python爬取+BI分析5000条内衣数据,发现妹子最爱这款文胸
  2. 简单分析帆软报表中一次HTTP请求的过程。
  3. centos 创建mysql8数据库给django连接
  4. 查看python版本命令_Anaconda常用命令小结
  5. 剑指 Offer 55 - I. 二叉树的深度
  6. 洛谷 | P1010 幂次方
  7. PPT Cookbook by Eric
  8. 《Win测试的学习笔记》——Introduction
  9. Cross-Modal Retrieval——为什么要使用GAN呢?
  10. Android中如何使按钮的背景变得透明