&>&&>&&>&&>&highmaps中国行政区地图
highmaps中国行政区地图
上传大小：116KB
这是一个js脚本，内容非常详细
综合评分：0（0位用户评分）
所需积分：0
下载次数：29
审核通过送C币
创建者：nigelyq
创建者：doomlord
创建者：djk8888
课程推荐相关知识库
上传者其他资源上传者专辑
开发技术热门标签
VIP会员动态
android服务器底层网络模块的设计方法
所需积分：0
剩余积分：720
您当前C币：0
可兑换下载积分：0
兑换下载分：
兑换失败，您当前C币不够，请先充值C币
消耗C币：0
你当前的下载分为234。
highmaps中国行政区地图
会员到期时间：
剩余下载次数：
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：做前端按地区（地图）分布监控数据展示用了&&控件，很好很强大。
基础实现是这样的：调用插件动态传入需要展示的数据（data），插件会在地图数据（mapdata）中找到对应的区域，把值丢进去，然后在页面上渲染展示带有数据的区域数据分布地图。
mapdata 数据结构（已简化）：
{'hc-key' : 'cn-sh', 'name' : '上海'},
{'hc-key' : 'cn-zj', 'name' : '浙江'}
data 数据结构：
{ 'hc-key' : 'cn-sh', 'value' : 113 },
{ 'hc-key' : 'cn-zj', 'value' : 44 }
（这里值得注意的是，value 值不能带上引号如：'value' : '44' 就会导致插件报错无法渲染。）
插件通过 data 里的这个 hc-key&值去 mapdata （该数据存放在一个 js 文件内） 捞对应的区域信息详情，其中就包括地区的中文名称信息如：上海。就是这里出了一点小麻烦，我的中文名称可能会发生变动，譬如有时候是「上海」，但可能下一次下下次又会是 「上海 1」 ，「上海 2」。
常规思路是直接改数据源，重新加载数据源就好了。可是这个 mapdata 如我前面所说，是存在文件里的，那么一个人必须是疯了才会想去在前端动态修改保存一个文件吧，所以这条路不用想就直接跳过。再想一下既然 data 里的 value 能进去 mapdata ，那么 name 一样也能进去。于是就这么愉快的决定，前端动态传 data 的时候根据需要带上（或不带则还是使用 mapdata 里默认的名称） name 属性。
解决方案：
动态传入 data 的数据结构：
{ 'hc-key' : 'cn-sh', 'value' : 113, 'name' : '上海' },
{ 'hc-key' : 'cn-zj', 'value' : 44 }
接下来就是改造插件，能够接受我传入的 name 属性，在插件中（highmaps.js）找到 mapdata 数据渲染之前这段：
if (mapData) {
2　　　　　　...
if (options.allAreas) {
data = data || [];
// Registered the point ...
if (joinBy[1]) {
each(data, function (point) {
dataUsed.push(point[joinBy[1]]);
// 放这里 o(≧v≦)o
// Add those map points ...
dataUsed = '|' + dataUsed.join('|') + '|';
19　　　　　　　　　　　　...
在 「// 放这里 o(≧v≦)o&」 这个位置加入下面这个赋值改写 mapdata 的 name 属性的方法：
1 each(data, function (dataItem) {
2 　　if (dataItem["name"]) {
3 　　　　each(mapData, function (mapdataItem) {
4 　　　　　　mapdataItem.name = mapdataItem[joinBy[0]] == dataItem[joinBy[0]] ? dataItem.name : mapdataItem.
5　　　　});
阅读(...) 评论()Highmaps网页图表教程之下载Highmaps与Highmaps的地图类型
认识Highmaps
Highmaps是Highcharts的姊妹框架，用来实现地图图表。它完全使用Javascript编写实现。其结构清晰，使用简单。开发人员可以很轻松地构建出常见的各种地图图表类型。本章将简要介绍Highmaps的特点，并实现第一个Highmaps地图应用。
Highmaps概述
为了更好学习Highmaps的使用，我们首先了解如何获取Highmaps插件和Highmaps所支持的图表类型。
下载Highmaps
Highmaps官网提供了完整的Javascript脚本和范例程序。开发者都可以免费获取这些资源。下面讲解如何下载Highmaps。
（1）在浏览器打开官网/，如图1.1所示。
图1.1&&Highmaps官方首页
（2）单击Highmaps页面下的Download按钮，进入Highmaps的下载页面，如图1.2所示。
图1.2&&Highcharts下载页面
（3）该页面提供两种两种下载：普通下载和定制下载。这里选择普通下载模式，直接单击HIGHMAPS 1.1.6按钮，下载保存文件Highmaps-1.1.6.zip。解压该文件后如图1.3所示。
图1.3&&Highcharts文件结构
这些文件夹依次保存着Highmaps各种重要文件。
q&&api文件夹中保存着离线的API说明文档；
q&&examples文件夹中保存着Highmaps官方提供的各种范例程序；
q&&gfx文件夹保存这VML功能所需要的图形文件；
q&&graphics文件夹保存着范例程序所使用的图形文件；
js目录中保存着Highchats最重要的js文件，如图1.4所示。它里面包含几个文件夹，下面依次讲解讲解：
图1.4&&js目录结构
当前目录下的Javascript脚本文件分为两类。直接以.js结尾的脚本文件是最常使用的文件。这些文件在使用的时候需要依赖相应的框架，如jQuery框架。以.src.js结尾的文件是源码文件，供开发者查阅。下面依次讲解其中的几个文件夹。
q&&adapters文件夹保存着Highmaps的独立框架文件，便于用户不借助jQuery实现地图功能；
q&&modules文件夹保存着Highmaps的一些模块功能脚本；
q&&themes文件夹保存着Highmaps图标的主题脚本。
Highmaps的地图类型
Highmaps支持常见的地图图表类型。用户可以通过查看范例文件，了解常见的地图类型。双击压缩包中的index.htm文件，可以查看官方提供的地图类型。
注意：由于网页中引用了Google API的托管代码，所以查看示例的时候，最好使用VPN联网查看。否则，会造成页面无法打开的问题。
由于官方实例从不同角度展现Highmaps的应用，所以实例分类有点凌乱。这里列出最常见的几种地图类型。
1.基本地图类型
基本地图类型是Highmaps中最常见的类型，它使用map模版实现。它直接使用地图上的部分地图作为数据节点，如图1.5所示。
图1.5&&基本地图类型
2.基本地图+线条类型
用户还可以在基本地图的基础上添加新的图形元素。而新添加的图形元素作为数据节点而存在。如图1.6所示，人体构造图是基本地图，而身高标记图形就是作为节点存在。该类型图表由Highmaps的mapline模版实现。
图1.6&&基本地图+线条类型
3.基本地图+节点类型
用户也可以在基本地图上直接添加位置坐标，而标记节点信息。这样就构成了基本地图+节点类型图表，如图1.7所示。在图中，中国地图作为基本地图，而太原节点则作为节点按照地理经纬度标记在地图上。
图1.7&&基本地图+节点类型
4.基本地图+气泡类型
用户还可以在基本地图基础上，以气泡的形式标记节点。这样不仅展现位置信息，还展现节点对应的数值信息，如图1.8所示。在图中，中国地图作为基本地图，而每个省的发展度以气泡提示。
图1.8&&基本地图+气泡类型
本文选自：Highmaps网页图表基础教程大学霸内部资料，转载请注明出处，尊重技术尊重IT人！
阅读(...) 评论()}