基于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 相关文章推荐
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
jQuery的bind()方法使用详解
Jul 15 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
ES6入门教程之let和const命令详解
May 17 Javascript
Vue组件实例间的直接访问实现代码
Aug 20 Javascript
js构建二叉树进行数值数组的去重与优化详解
Mar 26 Javascript
vue弹窗消息组件的使用方法
Sep 24 Javascript
vue无限轮播插件代码实例
May 10 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
Sep 10 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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
单击复制文字兼容各浏览器的完美解决方案
2013/07/04 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
基于javascript实现句子翻牌网页版小游戏
2016/03/23 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
JS表单验证的代码(常用)
2016/04/08 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
微信小程序地图绘制线段并且测量(实例代码)
2020/01/02 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
python模块restful使用方法实例
2013/12/10 Python
python 查找字符串是否存在实例详解
2017/01/20 Python
python实现银行管理系统
2019/10/25 Python
造价工程师个人求职信
2013/09/21 职场文书
临床医师专业个人自我评价范文
2013/11/07 职场文书
全国文明单位申报材料
2014/05/31 职场文书
学习经验交流会演讲稿
2015/11/02 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server