<!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数据
需积分: 44 149 浏览量
2019-10-11
16:24:12
上传
评论
收藏 661KB RAR 举报
辽宁省矢量地图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
资源评论
