<!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
重庆市矢量地图echart包含省级市级县级多级geojson.json数据
1星 需积分: 45 131 浏览量
2019-10-11
16:38:47
上传
评论 1
收藏 121KB RAR 举报 
500000重庆市.rar （40个子文件） 
500000重庆市 
500233.json 22KB
home.html 9KB 500236.json 23KB 500101.json 21KB 500111.json 14KB 500151.json 16KB 500103.json 2KB 500229.json 17KB 500120.json 9KB 500105.json 7KB 500237.json 17KB 500155.json 15KB 500235.json 20KB 500104.json 5KB 500116.json 26KB 500000.json 162KB 500118.json 12KB 500153.json 13KB 500152.json 20KB 500110.json 21KB 500117.json 20KB 500109.json 11KB 500230.json 20KB 500238.json 20KB 500113.json 13KB 500243.json 19KB 500231.json 12KB 500108.json 5KB 500119.json 18KB 500112.json 15KB 500156.json 18KB 500240.json 19KB 500114.json 18KB 500115.json 15KB 500107.json 11KB 500154.json 23KB 500241.json 15KB 500102.json 17KB 500106.json 7KB 500242.json 22KB资源评论
清水予橙2022-10-13无意义，只有区的边界，没有下一级的，
kkookk1
- 粉丝: 2
- 资源: 41
最新资源
- 基于yolov8的人体动作识别检测项目源码.zip
- 自然语言处理大作业-python的汉语词义自动消歧系统源码+报告.zip
- MT管理器_2.15.3-会员功能解锁.apk
- 基于机器学习的共享单车使用量分析与预测
- 基于Python开发的汉语词义自动消歧系统源码+超详细注释+实验报告（95分以上）.zip
- ５１单片机汇编语言音乐盒＋电子琴，ｐｒｏｔｅｕｓ仿真运行正常，开发板实物运行正常 代码都带有注释，方便理解和学习
- Python项目之django疫情数据可视化分析系统（源码 + 说明文档）
- Python项目之django-新生入学管理系统（源码 + 说明文档）
- Flutter积分或金币领取动画
- Python项目之django新生报到服务管理系统（源码 + 说明文档）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
