编程 Javascript

基于Jquery和html5的7款个性化地图插件

Posted in Javascript onNovember 17, 2015

1、HTML5世界地图划分世界区域并显示国家名

这是一款基于HTML5的世界地图应用，它的特点是可以将地图中的各个国家区域进行划分，鼠标滑过时即可显示该区域对应的国家名称，你也可以对弹出的标签进行自定义文字和自定义样式。

在线演示源码下载

2、jQuery矢量SVG地图插件JVectorMap

JVectorMap是一款基于jQuery的矢量地图插件，它是基于SVG结构的，和其他jQuery地图插件不同的是，jVectorMap是矢量地图，但是它同样支持地图缩放和地图平面移动等相应的功能。由于JVectorMap是基于jQuery的，所以支持大部分主流的浏览器，应用也相当广泛。

基于Jquery和html5的7款个性化地图插件

在线演示源码下载

3、jQuery中国地图插件

今天要来介绍一款相对更实用些的jQuery中国地图插件，在该实例中，整张中国地图都按各个省份切割，鼠标滑过相应的省份时，即可弹出对应省份的具体介绍。

基于Jquery和html5的7款个性化地图插件

在线演示源码下载

4、纯CSS3实现地图热点文字标注提示

这款地图应用的特点是地图上有许多标注点，点击标注点即可在页面上弹出一个文字提示框，用来说明该标注点在地图上的详细信息。如果你需要有一款带标注功能的地图应用，那么这款CSS3地图插件可以满足你。

基于Jquery和html5的7款个性化地图插件

在线演示源码下载

5、HTML5 SVG世界地图地图可拖拽和缩放

今天要分享的这款HTML5地图应用是一张世界地图，地图元素是使用SVG绘制的，并且地图可以拖拽和局部缩放，效果非常不错。

基于Jquery和html5的7款个性化地图插件

在线演示源码下载

6、HTML5/CSS3带区域地图的联系表单

今天我们要来分享一款功能更加强大的HTML5/CSS3联系表单，它可以选中不同区域显示相应的地图，然后针对该区域填写联系表单。

基于Jquery和html5的7款个性化地图插件

在线演示源码下载

7、HTML5 3D实景地图动画 3D效果很酷

今天我们来分享一款全新的HTML5 3D效果，是一款3D实景地图，这款3D地图截取了实景的房屋大厦，并且可以旋转展示，非常酷。

基于Jquery和html5的7款个性化地图插件

在线演示源码下载

以上就是一些精美的jQuery/HTML5地图插件，如果你也有好的地图插件，欢迎跟我们分享。

基于Jquery和html5的7款个性化地图插件

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript编程起步（第一课）

Jan 10 Javascript

基于JQUERY的两个ListBox子项互相调整的实现代码

May 07 Javascript

append和appendTo的区别以及appendChild用法

Dec 24 Javascript

利用jQuery实现可以编辑的表格

May 26 Javascript

JS实现兼容性较好的随屏滚动效果

Nov 09 Javascript

javascript函数中的3个高级技巧

Sep 22 Javascript

BootStrap中Table分页插件使用详解

Oct 09 Javascript

Jquery Easyui自定义下拉框组件使用详解（21）

Dec 31 Javascript

JS和canvas实现俄罗斯方块

Mar 14 Javascript

vue+高德地图实现地图搜索及点击定位操作

Sep 09 Javascript

Vue+Element ui 根据后台返回数据设置动态表头操作

Sep 21 Javascript

vue 判断两个时间插件结束时间必选大于开始时间的代码

Nov 04 Javascript

JavaScript设置、获取、清除单值和多值cookie的方法

Nov 17 #Javascript

每天一篇javascript学习小结（RegExp对象）

Nov 17 #Javascript

node.js抓取并分析网页内容有无特殊内容的js文件

Nov 17 #Javascript

js全选按钮的实现方法

Nov 17 #Javascript

javascript实现省市区三级联动下拉框菜单

Nov 17 #Javascript

javascript中return，return true,return false三者的用法及区别

Nov 17 #Javascript

jquery表单验证需要做些什么

Nov 17 #Javascript

You might like

索尼SONY ICF-SW7600GR电路分析与改良

2021/03/02 无线电

LINUX下PHP程序实现WORD文件转化为PDF文件的方法

2016/05/13 PHP

PHP进阶学习之命名空间基本用法分析

2019/06/18 PHP

[JS源码]超长文章自动分页（客户端版）

2007/01/09 Javascript

jquery indexOf使用方法

2013/08/19 Javascript

jQuery中extend()和fn.extend()方法详解

2015/06/03 Javascript

基于JavaScript Array数组方法(新手必看篇)

2016/08/20 Javascript

javaScript生成支持中文带logo的二维码(jquery.qrcode.js)

2017/01/03 Javascript

easyUI combobox实现联动效果

2017/01/17 Javascript

async/await与promise（nodejs中的异步操作问题）

2017/03/03 NodeJs

jQuery使用zTree插件实现可拖拽的树示例

2017/09/23 jQuery

JS使用正则表达式找出最长连续子串长度

2017/10/26 Javascript

JSON是什么？有哪些优点？JSON和XML的区别？

2019/04/29 Javascript

JavaScript检测浏览器是否支持CSS变量代码实例

2020/04/03 Javascript

JavaScript链式调用原理与实现方法详解

2020/05/16 Javascript

Electron实现应用打包、自动升级过程解析

2020/07/07 Javascript

[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15

2019/08/16 DOTA

[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛胜者组赛BO3 第二场 8.20.mp4

2019/08/22 DOTA

python的几种开发工具介绍

2007/03/07 Python

Python实现网站文件的全备份和差异备份

2014/11/30 Python

介绍Python的Django框架中的QuerySets

2015/04/20 Python

Ubuntu下使用Python实现游戏制作中的切分图片功能

2018/03/30 Python

使用 Python 实现微信群友统计器的思路详解

2018/09/26 Python

python3+selenium实现126邮箱登陆并发送邮件功能

2019/01/23 Python

强悍的Python读取大文件的解决方案

2019/02/16 Python

python内存动态分配过程详解

2019/07/15 Python

python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例

2019/11/28 Python

python 输出列表元素实例(以空格/逗号为分隔符)

2019/12/25 Python

Python爬虫解析网页的4种方式实例及原理解析

2019/12/30 Python

Python tcp传输代码实例解析

2020/03/18 Python

pycharm远程连接vagrant虚拟机中mariadb数据库

2020/06/05 Python

HTML5 Canvas的常用线条属性值总结

2016/03/17 HTML / CSS

为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限

2012/12/13 面试题

介绍一下SOA和SOA的基本特征

2016/02/24 面试题

毕业生多媒体设计求职信

2013/10/12 职场文书

2016优秀毕业生个人事迹材料

2016/02/29 职场文书