文档章节

jQuery地图插件

素人派
 素人派
发布于 2015/07/22 07:56
字数 207
阅读 441
收藏 0
插件的官网地址: http://jqvmap.com/,该网站并没有中国地图的js,本站可以提供。 jquery.vmap.min.js这个文件是插件的核心,必须引用(包括jqvmap.css)。另外要显示什么样的地图就要引用对应的js文件,例如要显示中国地图就要引用jquery.vmap.china.js。以下是使用示例: [codesyntax lang="javascript" lines="normal"]
jQuery('#map_canvas').vectorMap({ 
    map : 'usa_en',//这里是地图的名称,
    backgroundColor : "#818181",//背景色
    borderColor: '#818181',
    borderOpacity: 0.25,
    borderWidth: 1,
    color: '#f4f3f0',
    enableZoom : true,
    selectedColor : "#c9dfaf"
    hoverColor: '#c9dfaf',
    showTooltip : false,
    onLabelShow : function(element, label, code){}
    onRegionOver : function(element, code, region){},
    onRegionOut : function(element, code, region){},
    onRegionClick : function(element, code, region){}
});
[/codesyntax] 下面以中国地图为例,来介绍地图对象的格式: [codesyntax lang="javascript" lines="normal"]
jQuery.fn.vectorMap('addMap', 'china',//地图名称
	{"width" : 900.0, "height" : 603, "pathes" : 
		{
			"CN-54": {"path" : "M70.73,377.98l3.34,-0.37l1.23,-0.9l-0.15,1.09l0.54,1.5l2.17,1.89l0.91,0.18l2.08,-0.52l0.72,-1.76l2.47", "name" : "city"}//一个城市的坐标
		}
	}
);
[/codesyntax]

本文转载自:http://surenpi.com/2015/01/14/jquery%e5%9c%b0%e5%9b%be%e6%8f%92%e4%bb%b6/

素人派

素人派

粉丝 27
博文 1907
码字总数 10223
作品 6
东城
程序员
私信 提问
加载中

评论(2)

素人派
素人派 博主

引用来自“abin2012”的评论

有台湾吗?
很久没有做这个了,抱歉
abin2012
abin2012
有台湾吗?
推荐 10+ 个很有用的 jQuery Google 地图插件

Google 地图提供很多 API ,用来在你的网站中使用地图功能,但很多 API 使用比较复杂而且难以理解,使用 jQuery 的地图插件可以帮你简化集成地图的开发。oschina 向你推荐 11 个很有用的 jQ...

红薯
2011/08/13
5.8K
5
37个超级棒的 jQuery菜单插件

导航是网站设计最重要的元素之一。一个优秀的导航菜单要简洁易用,方便用户。而用 jQuery 菜单插件制作出来的动态导航则能很好的满足这一点。jQuery 是一个轻量级的 JavaScript 框架,兼容 ...

墙头草
2012/03/22
18.6K
11
推荐 2013 年最新的 10 款 jquery 插件

日期:2013-3-7 来源:GBin1.com 我们精心挑选的10款2013年最新的jQuery插件,希望大家喜欢! jQRangeSider: 一个jQuery插件帮助你生成区域选择控件 一个帮助你生成iOS应用目录风格的jQuery插...

gbin1
2013/03/07
2K
0
25+ 个 jQuery 网页拖放操作的插件

这篇文章为你介绍27个jQuery插件,使得你的Web前端具备拖放操作的能力。 Ajax Upload 提供文件拖放上传,并显示上传进度 Drop n’ Save – Drag & Drop Uploader 另外一个文件拖放上传功能的...

红薯
2012/04/09
17.2K
10
10款刚出炉的 jQuery 特效插件

5月份,又有一批优秀的jQuery特效插件新鲜出炉了! 下面要介绍的10款jQuery插件,涉及到地图、画廊、幻灯等特效,希望你能喜欢。 1. bxSlider 该插件是内容滑块和幻灯特效。在线演示点击 he...

小卒过河
2011/05/13
12.1K
11

没有更多内容

加载失败,请刷新页面

加载更多

02.日志系统:一条SQL更新语句是如何执行的?

我们还是从一个表的一条更新语句说起,我们创建下面一张表: create table T(ID int primary key, c int); 如果要将ID=2这一行c的值加1,SQL可以这么写: update T set c=c+1 where ID=2; 前...

scgaopan
今天
9
0
【五分钟系列】掌握vscode调试技巧

调试前端js 准备一个前端项目 index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1......

aoping
今天
8
0
PhotoShop 高级应用:USM锐化/S锐化/防抖

、 高反差锐化+混合模式:叠加模式 【将更多的边缘细节添加到图像中】

东方墨天
今天
9
0
Python数据可视化之matplotlib

常用模块导入 import numpy as npimport matplotlibimport matplotlib.mlab as mlabimport matplotlib.pyplot as pltimport matplotlib.font_manager as fmfrom mpl_toolkits.mplot3d i......

松鼠大帝
昨天
7
0
我用Bash编写了一个扫雷游戏

我在编程教学方面不是专家,但当我想更好掌握某一样东西时,会试着找出让自己乐在其中的方法。比方说,当我想在 shell 编程方面更进一步时,我决定用 Bash 编写一个扫雷游戏来加以练习。 我在...

老孟的Linux私房菜
昨天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部