文档章节

jQuery地图插件

素人派
 素人派
发布于 2016/12/31 20:47
字数 207
阅读 58
收藏 1
插件的官网地址: 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/

素人派
粉丝 26
博文 1907
码字总数 10223
作品 6
东城
程序员
私信 提问

暂无文章

OSChina 周二乱弹 —— 吾不好梦中插人

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @鱼豆腐233 :#今日歌曲分享# 分享My Chemical Romance的单曲《I Don't Love You》: 《I Don't Love You》- My Chemical Romance 手机党少年们...

小小编辑
49分钟前
20
5
ss5 vpn 安装(linux版本)

1. 创建一个文件夹 /ss5 你也可以自定义,不过后续的地方需要注意自己的地址 2. 下载ss5文件(如果你的服务器没有安装wget请使用 yum -y install wget 命令安装 如果连yum都没安装自己查去)(下...

太黑_thj
今天
2
0
八、RabbitMQ的集群原理

集群架构 写在前面 RabbitMQ集群是按照低延迟环境设计的,千万不要跨越WAN或者互联网来搭建RabbitMQ集群。如果一定要在高延迟环境下使用RabbitMQ集群,可以参考使用Shovel和Federation工具。...

XuePeng77
今天
5
0
mac系统下,brew 安装mysql,用终端可以连接,navicat却连接不上?

问题: 1.报错? 2059 - Authentication plugin 'caching_sha2_password' cannot be loaded: dlopen(../Frameworks/caching_sha2_password.so, 2): image not found 2.自己通过设置,已经把密......

写bug的攻城狮
昨天
3
0
老生常谈,HashMap的死循环

问题 最近的几次面试中,我都问了是否了解HashMap在并发使用时可能发生死循环,导致cpu100%,结果让我很意外,都表示不知道有这样的问题,让我意外的是面试者的工作年限都不短。 由于HashMap...

群星纪元
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部