<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>XXX警系统</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/4.1.0-release/echarts.min.js"></script>
</head>
<body style="background-size: cover;">
<div class="mune" style="color: #fff;">
<a href="jvascript:void(0)" id="sssj" onclick="loadMapDateTitle(this)" code=""></a> <a href="jvascript:void(0)" id="ssdsz" onclick="loadMapDateTitle(this)" code=""></a> <a href="jvascript:void(0)" id="ssfsx"></a>
</div>
<div id="back_btn" onclick="loadMapDateTitleBack(this)">返回</div>
<div>
<div id="main_map" style="float:left;width:100%;height:950px;"></div>
</div>
</div>
<script>
function getUrlQuery(name) {
var pos, str, para, parastr;
var array = []
str = window.location.href;
if (str.split("?")[1] != undefined && str.split("=")[1] != undefined) {
parastr = str.split("?")[1];
parastr=decodeURIComponent(parastr);
var arr = []
arr = parastr.split("&");
for (var i = 0; i < arr.length; i++) {
array[arr[i].split("=")[0]] = arr[i].split("=")[1];
}
}
return array[name];//project为所要获取的参数
}
//当前登录用户单位代码
var myOrgCode = getUrlQuery("orgCode");
//当前登录用户单位名称
var myOrgName = getUrlQuery("orgName");
if(myOrgCode==null){
myOrgCode="100000";
}
if(myOrgName==null){
orgName="中国";
}
//地图
var myChartMap = echarts.init(document.getElementById('main_map'));
//当前缓存对象
var mapDateObj = {};
//当前缓存散点对象
var mapPontObj = {};
//当前缓存散点对象中心点
var mapCenterObj = {};
//当前地图OrgCode
var thisOrgCode = "";
//当前地图OrgName
var thisOrgName = "";
//地图标点颜色
var pointColor = ['#27d726', '#e992d6', '#eba67c', '#10dbdb', '#eaef5e', '#0ad9dc', '#ee7990'];
//地图区域的颜色
var cityColor = ['#ccc', '#9074c3','#4487d5', '#7e9e8e', '#51a2c2'];
/**
*地图点击事件
*
**/
myChartMap.on('click', function (params) {
if(mapDateObj[thisOrgCode] && mapDateObj[thisOrgCode]!=null && mapDateObj[thisOrgCode].features){
var listFeatures = mapDateObj[thisOrgCode].features;
var loadOrgCode = "";
var loadOrgName = "";
if(listFeatures!=null && listFeatures.length > 0){
for (var i = 0; i < listFeatures.length; i++) {
var properties = listFeatures[i].properties;
if(properties.name == params.name){
loadOrgCode = properties.adcode;
loadOrgName = params.name;
}
}
}
if(loadOrgCode!=""){
loadMapDate(loadOrgCode+"",loadOrgName);
}
}
});
/**
*初始化
*
**/
jQuery(function() {
$("#sssj").html(myOrgName);
$("#sssj").attr("code",myOrgCode);
thisOrgCode = myOrgCode;
thisOrgName = myOrgName;
initMap();
});
/**
*初始化地图页面
*
**/
function initMap(){
loadMapDate(myOrgCode,myOrgName);
}
/**
*标题点击事件
*obj
*
***/
function loadMapDateTitle(obj){
loadMapDate($(obj).attr("code"),$(obj).html());
}
/**
*返回按钮点击事件
*obj
*
***/
function loadMapDateTitleBack(obj){
if(!($("#ssfsx").is(':hidden'))){
if(myOrgCode.substring(myOrgCode.length - 4,myOrgCode.length) == "0000"){
loadMapDateTitle($("#ssdsz"));
}else{
if($(obj).attr("code")!=null && $(obj).attr("code")!=""){
loadMapDateTitle($("#ssdsz"));
}else{
loadMapDateTitle($("#sssj"));
}
}
}else if(!($("#ssdsz").is(':hidden'))){
loadMapDateTitle($("#sssj"));
}
}
/**
*加载地图页面数据
*orgCode
*orgName
*
***/
function loadMapDate(orgCode,orgName){
myChartMap.showLoading();
if(mapDateObj[orgCode] && mapDateObj[orgCode]!=null && mapDateObj[orgCode]!= undefined){
registerMap(mapDateObj[orgCode],orgCode,orgName);
}else{
// $.get('你的json地址'+orgCode+'.json?uuid=123456', function (geoJson) {
$.get('https://geo.datav.aliyun.com/areas/bound/'+orgCode+'_full.json', function (geoJson) {
var listFeatures = geoJson.features;
var codeList = [];
for (var i = 0; i < listFeatures.length; i++) {
var ent = listFeatures[i].properties;
try{
if(ent.centroid){
codeList.push({name: ent.name,value:[ent.centroid[0], ent.centroid[1], Math.floor(Math.random()*100+1)],code:ent.adcode});
}else{
codeList.push({name: ent.name,value:[ent.center[0], ent.center[1], Math.floor(Math.random()*100+1)],code:ent.adcode});
}
}catch(e){
}
}
if(orgCode.substring(orgCode.length - 1,orgCode.length) != "0" || codeList.length==1){
mapPontObj[orgCode] = codeList;
mapDateObj[orgCode] = geoJson;
registerMap(geoJson,orgCode,orgName);
}else{
mapPontObj[orgCode] = codeList;
mapDateObj[orgCode] = geoJson;
registerMap(geoJson,orgCode,orgName);
}
});
}
}
function getMapCenter(orgCode){
var list = mapPontObj[orgCode];
if(list!=null && list.length>0){
for (var i = 0; i < list.length; i++) {
var tmpEnt = list[i];
mapCenterObj[tmpEnt.code] = [tmpEnt.value[0],tmpEnt.value[1]]
}
}
return mapCenterObj[orgCode];
}
/**
*重新加载地图页面
*geoJson
*orgCode
*orgName
*
***/
function registerMap(geoJson,orgCode,orgName){
myChartMap.hideLoading();
echarts.registerMap('TTMAP', geoJson);
if(orgCode==myOrgCode){
$("#back_btn").hide();
}else{
$("#back_btn").show();
}
var orgNames = [];
var orgDatas = [];
var orgDataZps = [];
thisOrgCode = orgCode;
thisOrgName = orgName;
var pcsBool = false;
if(orgCode.substring(orgCode.length - 1,orgCode.length) != "0"){
$("#ssfsx").show();
$("#ssfsx").html(orgName);
pcsBool = true;
}else if(orgCode!=myOrgCode){
$("#ssdsz").show();
$("#ssdsz").html(orgName);
$("#ssdsz").attr("code",orgCode);
$("#ssfsx").hide();
}else{
$("#ssdsz").hide();
$("#ssfsx").hide();
}
if(myOrgCode.substring(myOrgCode.length - 1,myOrgCode.length) != "0"){
$("#ssfsx").hide();
}
let optionMap = { // echarts 配置
visualMap: {
show: false,
min: 1,
max: 99,
left: 'left',
top: 'bottom',
text: ['高', '低'],
calculable: true,
seriesIndex: [1],
inRange: {
color: cityColor
}
},
tooltip: {
trigger: 'item',
formatter: function(t, n, i) {
if(t && t.data){
var data = t.data;
var dw = 10;
var sb = 50;
var hc = 12560;
var yj = 15;
if(data.value && data.value != undefined && data.value!=null && data.value.length>=2){
return data.name +"<br/>"
+"<em style='background-color:#27d726;'> </em> 数据1"+data.value[2]+"条<br/>"
+"<em style='background-color:#eba67c;'> </em> 数据2"+sb+"条<br/> "
+"<em style='background-color:#10dbdb;'> </em> 数据3"+hc+"条<br/> "
+"<em style='background-color:#ee7990;'> </em> 数据4"+yj+"条";
}else{
return data.name;
}
}
}
},
geo: { // 地图配置
show: true,
map: 'TTMAP',
label: {
normal: {
show: false,
},
emphasis: {
show: false
}
},
zoom: 1.2,
roam: true,
center: getMapCenter(orgCode),
itemStyle: {
normal: {
areaColor: cityColor[Math.floor(Math.random()*cityColor.length)]
}
},
emphasis: {
itemStyle: {
ar
辽宁省矢量地图geojson包含省级市级县级多级geojson.json数据 （116个子文件） 
home.html 9KB
210000.json 165KB 210921.json 126KB 210200.json 107KB 210781.json 93KB 210682.json 85KB 211021.json 83KB 210600.json 80KB 210224.json 79KB 210422.json 75KB 210283.json 75KB 210700.json 74KB 210400.json 73KB 210100.json 73KB 210624.json 73KB 211122.json 72KB 210900.json 71KB 210423.json 68KB 210922.json 67KB 210521.json 66KB 210881.json 64KB 210213.json 64KB 210681.json 64KB 211200.json 63KB 210882.json 62KB 211400.json 60KB 211300.json 59KB 210522.json 58KB 210500.json 58KB 211221.json 58KB 211422.json 57KB 211282.json 57KB 210281.json 57KB 211000.json 57KB 211081.json 56KB 211103.json 55KB 210727.json 53KB 210800.json 50KB 211100.json 50KB 211321.json 49KB 210214.json 48KB 210421.json 48KB 210181.json 48KB 210726.json 48KB 211104.json 47KB 211224.json 46KB 211381.json 43KB 210711.json 43KB 210604.json 41KB 211481.json 39KB 211402.json 39KB 211223.json 38KB 211322.json 38KB 211404.json 37KB 210124.json 35KB 210381.json 35KB 211421.json 35KB 210211.json 35KB 211382.json 34KB 210300.json 33KB 210404.json 31KB 210505.json 31KB 210115.json 30KB 210782.json 29KB 210323.json 29KB 210123.json 29KB 210112.json 29KB 210403.json 28KB 211324.json 28KB 210603.json 28KB 210111.json 28KB 210504.json 22KB 211011.json 21KB 210503.json 21KB 210321.json 21KB 210212.json 20KB 210113.json 19KB 210802.json 19KB 211403.json 19KB 210502.json 18KB 211005.json 18KB 210911.json 18KB 210811.json 18KB 210114.json 17KB 211303.json 16KB 210804.json 16KB 210903.json 16KB 211003.json 15KB 210905.json 14KB 210402.json 14KB 210106.json 14KB 211004.json 14KB 210902.json 14KB 211102.json 14KB 210202.json 14KB 211204.json 14KB 211302.json 13KB 211281.json 12KB 211202.json 12KB 210311.json 11KB共 116 条
- 1
- 2
资源评论
kkookk1
- 粉丝: 2
- 资源: 41
最新资源
- 2016客户服务行业发展趋势报告.pdf
- 2016年度爱德曼信任度调查中国报告.pdf
- 2016年猴年春节，手机红包花样翻新掀起全民热潮.pdf
- 2016年三八节女性的一天.pdf
- 语音文件素材文件，wav格式的
- 2016年清明节出行预测报告.pdf
- 2016年手机应用行业趋势绿皮书.pdf
- 2016年招聘行业研究报告.pdf
- 2016年中国电信终端合作战略发布会.pdf
- 2016年中国孵化器发展现状专题研究报告.pdf
- 2016年中国互联网最热职位人才库报告.pdf
- 2016年中国美妆消费趋势报告.pdf
- 2016年中国十大预测-麦肯锡.pdf
- 2016年中国移动端出行服务市场研究报告.pdf
- 2016年中国招聘外包趋势报告.pdf
- MATLAB界面版本- BP的水果识别.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
