7款个性化jQuery/HTML5地图插件

开发 前端
现在我们经常会用到一些地图应用,无论是在网页上还是手机App中,地图貌似是一个不可或缺的应用。本文将带领大家一起来看看一些基于jQuery和HTML5的个性化地图插件,有几款地图比较实用,有些则是具有抽象的概念,很有个性化。

现在我们经常会用到一些地图应用,无论是在网页上还是手机App中,地图貌似是一个不可或缺的应用。本文将带领大家一起来看看一些基于jQuery和HTML5的个性化​​地图插件​​,有几款地图比较实用,有些则是具有抽象的概念,很有个性化。

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

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


​在线演示​​        ​​源码下载​

2、jQuery矢量SVG地图插件JVectorMap

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

​​

​在线演示​​        ​​源码下载​

3、jQuery中国地图插件

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

​​

​在线演示​​        ​​源码下载​

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

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

pure-css3-map-tips

​在线演示​​        ​​源码下载​

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

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

​​

​在线演示​​        ​​源码下载​

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

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

html5-css3-contact-form-map

​在线演示​​        ​​源码下载​

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

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

html5-3d-real-map

​在线演示​​        ​​源码下载​

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

本文链接:​​http://www.codeceo.com/article/7-html5-jquery-map-plugins.html​​​ 本文作者:​​码农网​​ – 小峰

责任编辑:王雪燕 来源: 码农网
相关推荐

2015-01-13 11:19:19

2023-12-20 13:50:00

SpringBootJSON序列化

2011-11-18 16:09:37

jQuery

2020-06-28 07:00:00

推荐系统智能商务服务平台

2015-12-07 10:00:13

HTML5Loading动画

2011-08-18 18:53:30

win7

2022-11-01 07:19:45

推荐系统非个性化

2015-08-13 15:56:44

HTML5本地存储Localstorag

2013-08-30 10:02:48

2013-10-21 15:24:49

html5游戏

2011-01-20 10:19:21

PowerShell个性化

2013-07-17 09:51:17

HTML5神器

2014-12-15 10:30:16

jQuery

2015-05-07 10:02:47

jQuery jQuery 图片裁

2023-03-21 12:46:30

智慧城市人工智能大数据

2020-08-31 12:00:17

Linux终端颜色命令

2011-05-04 14:38:53

海尔江山帝景一体机

2013-11-07 16:42:34

Windows 8.1个性化

2013-05-28 16:40:26

html5工具

2009-07-13 15:33:24

桌面虚拟化虚拟化IT
点赞
收藏

51CTO技术栈公众号