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


Posted in Javascript onNovember 17, 2015

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

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

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

在线演示       源码下载

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地图插件,如果你也有好的地图插件,欢迎跟我们分享。

Javascript 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
这些年、我收集的JQuery代码小结
Aug 01 Javascript
jquery 实现密码框的显示与隐藏示例代码
Sep 18 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
使用JavaScript生成罗马字符的实例代码
Jun 08 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
Vue组件通信的几种实现方法
Apr 25 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 Javascript
js将URL网址转为16进制加密与解密函数
Mar 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
php中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
php定义数组和使用示例(php数组的定义方法)
2014/03/29 PHP
php实现paypal 授权登录
2015/05/28 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
WordPress中给媒体文件添加分类和标签的PHP功能实现
2015/12/31 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
jQuery 1.0.2
2006/10/11 Javascript
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
nodejs的HTML分析利器node-jquery用法浅析
2016/11/08 NodeJs
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
老生常谈Bootstrap媒体对象
2017/07/06 Javascript
layui在form表单页面通过Validform加入简单验证的方法
2019/09/06 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
JavaScript实现随机五位数验证码
2019/09/27 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
Vue $emit()不能触发父组件方法的原因及解决
2020/07/28 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
Python sys.argv用法实例
2015/05/28 Python
Python通过文本和图片生成词云图
2020/05/21 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
创业计划书如何编写
2014/02/06 职场文书
乡镇交通安全实施方案
2014/03/29 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
旅行社优秀创业计划书
2014/08/16 职场文书
领导干部对照检查材料
2014/08/24 职场文书
大学生见习报告范文
2014/11/03 职场文书
2015年服务员工作总结
2015/04/08 职场文书
货款欠条范本
2015/07/03 职场文书
python 利用 PIL 将数组值转成图片的实现
2021/04/12 Python
拙作再改《我的收音机情缘》
2022/04/05 无线电