\
![\"\"](\"dist/images/road.svg\")
\
پهنه بندی جاده های روستایی\
\
\
پهنه بندی جاده های روستایی\
\
";
}
function getProjectStatus(type) {
switch (type) {
case 1:
return 'فعال';
case 2:
return 'افتتاح شده';
case 3:
return 'خاتمه یافته';
case 4:
return 'متوقف شده';
}
}
function getProjectProgress() {
let percentage = Math.floor(Math.random() * 100) + 1; // returns a random integer from 0 to 99 + 1
return percentage;
}
function getParameterByName(name) {
let url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
if (getParameterByName('operationType')) {
var operationType = getParameterByName('operationType');
var projectStatus = getParameterByName('projectStatus');
var selectedProvince = getParameterByName('selectedProvince');
var selectedTown = getParameterByName('selectedTown');
var sourceLat = getParameterByName('sourceLat');
var sourceLng = getParameterByName('sourceLng');
L.marker(
[sourceLat, sourceLng],
{ icon: greenIcon }
).bindPopup(getPopupContent(returnOperationType(projectStatus)), { 'className': 'customPopupStyle' })
.addTo(map);
}
function returnOperationType(status) {
switch (status) {
case 'فعال': {
return 1;
}
case 'متوقف': {
return 4;
}
case 'خاتمهیافته': {
return 3;
}
}
}
function getCustomPopupContent(data, type) {
if (type == 1) {
return "\
نوع عملیات
\
"+ operationType + "
وضعیت فعلی پروژه
\
"+ getProjectStatus(type) + "
اداره کل
\
" + selectedProvince + "
درصد پیشرفت فیزیکی
\
" + getProjectProgress() + "%
\
\
\
پهنه بندی جاده های روستایی\
\
\
پهنه بندی جاده های روستایی\
\
";
} else {
return "\
نوع عملیات
\
"+ generateRandom(1) + "
وضعیت فعلی پروژه
\
"+ generateRandom(2) + "
اداره کل
\
" + returnProvinceString(data.ProvinceID) + "
درصد پیشرفت فیزیکی
\
" + getProjectProgress() + "%
\
\
\
پهنه بندی جاده های روستایی\
\
\
پهنه بندی جاده های روستایی\
\
";
}
}
function generateRandom(index) {
switch (index) {
case 1: {
// Operation Type
let randomNumber = Math.floor(Math.random() * 2) + 1; // 1 or 2
if (randomNumber == 1) return 'احداث'
else return 'نگهداری';
}
case 2: {
// Project Status
let randomNumber = Math.floor(Math.random() * 3) + 1; // 1, 2, or 3
switch (randomNumber) {
case 1: return 'فعال';
case 2: return 'متوقف';
case 3: return 'خاتمه یافته';
}
}
}
}
function returnProvinceString(provinceId) {
switch (provinceId) {
case '1': return 'مازندران';
case '2': return 'تهران';
case '3': return 'فارس';
case '4': return 'خراسان رضوی';
case '5': return 'آذربایجان غربی';
case '6': return 'آذربایجان شرقی';
case '7': return 'اردبیل';
case '8': return 'گیلان';
case '9': return 'زنجان';
case '10': return 'کردستان';
case '11': return 'کرمانشاه';
case '12': return 'همدان';
case '13': return 'قزوین';
case '14': return 'البرز';
case '15': return 'گلستان';
case '16': return 'خراسان شمالی';
case '17': return 'سمنان';
case '18': return 'قم';
case '19': return 'مرکزی';
case '20': return 'لرستان';
case '21': return 'ایلام';
case '22': return 'اصفهان';
case '23': return 'یزد';
case '24': return 'خراسان جنوبی';
case '25': return 'چهارمحال و بختیاری';
case '26': return 'خوزستان';
case '27': return 'کهگیلویه و بویر احمد';
case '28': return 'بوشهر';
case '29': return 'کرمان';
case '30': return 'سیستان و بلوچستان';
case '31': return 'هرمزگان';
}
}
function showLayer(index) {
if (markerLayers != null) {
map.removeLayer(markerLayers);
}
switch (index) {
case 0: {
$.post('https://141.ir/api/camera', function (data) {
markerLayers = L.markerClusterGroup();
for (let index = 0; index < data.length; index++) {
let marker = L.marker(
[data[index].lat, data[index].lng],
{ icon: blueIcon }
).bindPopup(getCustomPopupContent(data[index], 1), { 'className': 'customPopupStyle' });
markerList.push(marker);
}
markerLayers.addLayers(markerList);
map.addLayer(markerLayers);
});
break;
}
case 1: {
$.post('https://141.ir/api/roadoperation', function (data) {
markerLayers = L.markerClusterGroup({ disableClusteringAtZoom: 5 });
for (let index = 0; index < data.length; index++) {
let marker = L.marker(
[data[index].lat, data[index].lng],
{ icon: blueIcon }
).bindPopup(getCustomPopupContent(data[index], 1), { 'className': 'customPopupStyle' });
markerList.push(marker);
}
markerLayers.addLayers(markerList);
map.addLayer(markerLayers);
});
break;
}
case 2: {
$.post('https://141.ir/api/roadaccident', function (data) {
markerLayers = L.markerClusterGroup({ disableClusteringAtZoom: 5 });
for (let index = 0; index < data.length; index++) {
let marker = L.marker(
[data[index].lat, data[index].lng],
{ icon: blueIcon }
).bindPopup(getCustomPopupContent(data[index], 1), { 'className': 'customPopupStyle' });
markerList.push(marker);
}
markerLayers.addLayers(markerList);
map.addLayer(markerLayers);
});
break;
}
case 3: {
$.post('https://141.ir/api/weather', function (data) {
markerLayers = L.markerClusterGroup();
for (let index = 0; index < data.length; index++) {
let marker = L.marker(
[data[index].lat, data[index].lng],
{ icon: blueIcon }
).bindPopup(getCustomPopupContent(data[index], 1), { 'className': 'customPopupStyle' });
markerList.push(marker);
}
markerLayers.addLayers(markerList);
map.addLayer(markerLayers);
});
}
}
}
// ------------- Ali End ------------------------
function showLoaderScreen() {
$('.starter-loader-container').css('display', 'flex').hide().fadeIn();
}
function hideLoaderScreen() {
$('.starter-loader-container').fadeOut();
}
function show141Layer(index) {
if (marker141Layers != null) {
marker141List = [];
map.removeLayer(marker141Layers);
}
showLoaderScreen();
switch (index) {
case 0: {
$.post(API_ENDPOINT + '/camera', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('دوربین: ' + data[i].Title);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 1: {
$.post(API_ENDPOINT + '/otfapi', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('ترددشمار: ' + data[i].m_n);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 2: {
$.post(API_ENDPOINT + '/roadoperation', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('کارگاه: ' + data[i].OperationName);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 3: {
$.post(API_ENDPOINT + '/roadblock', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('انسداد: ' + data[i].Title);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 4: {
$.post(API_ENDPOINT + '/emdad', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.ikco.length; i++) {
let marker = L.marker(
[data.ikco[i].lat, data.ikco[i].lng],
{ icon: blueIcon }
).bindPopup('امداد فنی: ' + data.ikco[i].onvan);
marker141List.push(marker);
}
for (let i = 0; i < data.saipa.length; i++) {
let marker = L.marker(
[data.saipa[i].lat, data.saipa[i].lng],
{ icon: blueIcon }
).bindPopup('امداد فنی');
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 5: {
$.post(API_ENDPOINT + '/weather', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('آب و هوا: ' + data[i].Station_Name);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 6: {
$.post(API_ENDPOINT + '/gasstation', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('جایگاه سوخت: ' + data[i].station_name);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 7: {
$.post(API_ENDPOINT + '/complex', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('خدمات رفاهی: ' + data[i].complex_name);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 8: {
$.post(API_ENDPOINT + '/mosque', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('نمازخانه: ' + data[i].mosque_name);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 9: {
$.post(API_ENDPOINT + '/roadaccident', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('تصادفات: ' + data[i].CollisionTypeTitle);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 10: {
$.post(API_ENDPOINT + '/tollhouse', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('راهدارخانه: ' + data[i].toll_name);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 11: {
$.post(API_ENDPOINT + '/hospital', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('خدمات درمانی: ' + data[i].hos_name);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
case 12: {
$.post(API_ENDPOINT + '/repair', function (data) {
marker141Layers = L.markerClusterGroup();
for (let i = 0; i < data.length; i++) {
let marker = L.marker(
[data[i].lat, data[i].lng],
{ icon: blueIcon }
).bindPopup('تعمیرگاه: ' + data[i].repair_name);
marker141List.push(marker);
}
marker141Layers.addLayers(marker141List);
map.addLayer(marker141Layers);
hideLoaderScreen();
});
break;
}
}
}
function remove141Layer() {
if (marker141Layers != null) {
marker141List = [];
map.removeLayer(marker141Layers);
$('.left-menu-141 > .item-menu-141.item-141-active').removeClass('item-141-active');
}
}
function showAbrarChartStat() {
let statItem = null;
let statMenu = $('.menu-stat-list > .stat-list');
$('.right-menu-stat-chart > .menu-stat-title').text('پیشرفت فیزیکی پروژههای طرح ابرار');
for (let i = 0; i < 35; i++) {
let statItemList = $('');
statItem = $('');
statItem.append('' + abrarProvinceNameArray[i].name + '');
statItem.append('' + abrarProvinceNameArray[i].process + '٪' + '');
if (abrarProvinceNameArray[i].process >= 83) {
statItem.addClass('stat-item-top-1');
} else if (abrarProvinceNameArray[i].process >= 67) {
statItem.addClass('stat-item-top-2');
} else if (abrarProvinceNameArray[i].process >= 50) {
statItem.addClass('stat-item-top-3');
} else if (abrarProvinceNameArray[i].process >= 31) {
statItem.addClass('stat-item-top-4');
} else {
statItem.addClass('stat-item-top-5');
}
statItem.css('width', abrarProvinceNameArray[i].process + '%');
statMenu.append(statItemList.append(statItem));
}
$(".stat-list-li").on({
mouseenter: function () {
showAbrarProvinceInfo(parseInt($(this).attr('indexid')), 1);
},
mouseleave: function () {
showAbrarProvinceInfo(parseInt($(this).attr('indexid')), 0);
}
});
$(".stat-list-li").on('click', function () {
zoomAbrarProvinceInfo(parseInt($(this).attr('indexid')));
});
handleAbrarButtonClick(1);
addFeaturesToMap();
}
function hideAbrarChartStat() {
handleAbrarButtonClick(0);
}
function handleAbrarButtonClick(openStat = 1) {
if (openStat) {
$('.right-menu-stat-chart').css('top', '88px');
$('.left-menu-stat-chart-info').css('top', '88px');
} else {
$('.right-menu-stat-chart').css('top', '-858px');
$('.left-menu-stat-chart-info').css('top', '-308px');
emptyStatItems();
removeFeaturesFromMap();
}
}
function findFeatureInAbrarItems(featureRow) {
for (let i = 0; i < 35; i++) {
if (abrarProvinceNameArray[i].feature == featureRow) {
return abrarProvinceNameArray[i];
}
}
return -1;
}
// -----------------------------------------------------------------------
function showBokhorChartStat() {
let statItem = null;
let statMenu = $('.menu-stat-list > .stat-list');
$('.right-menu-stat-chart > .menu-stat-title').text('برخورداری راههای روستایی آسفالته کشور');
for (let i = 0; i < 35; i++) {
let statItemList = $('');
statItem = $('');
statItem.append('' + bokhorProvinceNameArray[i].name + '');
statItem.append('' + bokhorProvinceNameArray[i].process + '٪' + '');
if (bokhorProvinceNameArray[i].process >= 83) {
statItem.addClass('stat-item-top-1');
} else if (bokhorProvinceNameArray[i].process >= 67) {
statItem.addClass('stat-item-top-2');
} else if (bokhorProvinceNameArray[i].process >= 50) {
statItem.addClass('stat-item-top-3');
} else if (bokhorProvinceNameArray[i].process >= 31) {
statItem.addClass('stat-item-top-4');
} else {
statItem.addClass('stat-item-top-5');
}
statItem.css('width', bokhorProvinceNameArray[i].process + '%');
statMenu.append(statItemList.append(statItem));
}
$(".stat-list-li").on({
mouseenter: function () {
showBokhorProvinceInfo(parseInt($(this).attr('indexid')), 1);
},
mouseleave: function () {
showBokhorProvinceInfo(parseInt($(this).attr('indexid')), 0);
}
});
$(".stat-list-li").on('click', function () {
zoomBokhorProvinceInfo(parseInt($(this).attr('indexid')));
});
handleBokhorButtonClick(1);
addFeaturesToMap();
}
function hideBokhorChartStat() {
handleBokhorButtonClick(0);
}
function handleBokhorButtonClick(openStat = 1) {
if (openStat) {
$('.right-menu-stat-chart').css('top', '88px');
$('.left-menu-stat-chart-info').css('top', '88px');
} else {
$('.right-menu-stat-chart').css('top', '-858px');
$('.left-menu-stat-chart-info').css('top', '-308px');
emptyStatItems();
removeFeaturesFromMap();
}
}
function findFeatureInBokhorItems(featureRow) {
for (let i = 0; i < 35; i++) {
if (bokhorProvinceNameArray[i].feature == featureRow) {
return bokhorProvinceNameArray[i];
}
}
return -1;
}
function showItemProvinceInfo(index, show) {
let featureItem = null;
if (iranNameArray[index].feature !== -1 && iranMapGeo) {
featureItem = iranMapGeo._layers[Object.keys(iranMapGeo._layers)[iranNameArray[index].feature]];
}
if (show) {
if (featureItem) {
highlightMapFeature(featureItem);
}
} else {
if (featureItem) {
resetMapFeatureHighlight(featureItem);
}
}
}
function showAbrarProvinceInfo(index, show) {
let featureItem = null;
if (abrarProvinceNameArray[index].feature !== -1 && iranMapGeo) {
featureItem = iranMapGeo._layers[Object.keys(iranMapGeo._layers)[abrarProvinceNameArray[index].feature]];
}
if (show) {
$('.menu-stat-info-title').text(abrarProvinceNameArray[index].name);
$('.menu-stat-info-content').empty();
$('.menu-stat-info-content').text(abrarProvinceNameArray[index].process);
if (featureItem) {
highlightMapFeature(featureItem);
}
} else {
$('.menu-stat-info-title').text('اطلاعات بیشتر');
$('.menu-stat-info-content').empty().append('برای نمایش اطلاعات هر بخش بر روی نقشه یا نمودار آماری آن حرکت کنید.');
if (featureItem) {
resetMapFeatureHighlight(featureItem);
}
}
}
function showBokhorProvinceInfo(index, show) {
let featureItem = null;
if (bokhorProvinceNameArray[index].feature !== -1 && iranMapGeo) {
featureItem = iranMapGeo._layers[Object.keys(iranMapGeo._layers)[bokhorProvinceNameArray[index].feature]];
}
if (show) {
$('.menu-stat-info-title').text(bokhorProvinceNameArray[index].name);
$('.menu-stat-info-content').empty();
$('.menu-stat-info-content').text(bokhorProvinceNameArray[index].process);
if (featureItem) {
highlightMapFeature(featureItem);
}
} else {
$('.menu-stat-info-title').text('اطلاعات بیشتر');
$('.menu-stat-info-content').empty().append('برای نمایش اطلاعات هر بخش بر روی نقشه یا نمودار آماری آن حرکت کنید.');
if (featureItem) {
resetMapFeatureHighlight(featureItem);
}
}
}
function zoomItemProvinceInfo(index) {
let featureItem = null;
if (iranNameArray[index].feature !== -1 && iranMapGeo) {
featureItem = iranMapGeo._layers[Object.keys(iranMapGeo._layers)[iranNameArray[index].feature]];
}
zoomMapToFeature(featureItem);
}
function zoomAbrarProvinceInfo(index) {
let featureItem = null;
if (abrarProvinceNameArray[index].feature !== -1 && iranMapGeo) {
featureItem = iranMapGeo._layers[Object.keys(iranMapGeo._layers)[abrarProvinceNameArray[index].feature]];
}
zoomMapToFeature(featureItem);
}
function zoomBokhorProvinceInfo(index) {
let featureItem = null;
if (bokhorProvinceNameArray[index].feature !== -1 && iranMapGeo) {
featureItem = iranMapGeo._layers[Object.keys(iranMapGeo._layers)[bokhorProvinceNameArray[index].feature]];
}
zoomMapToFeature(featureItem);
}
نوع عملیات
\
"+ generateRandom(1) + "
وضعیت فعلی پروژه
\
"+ generateRandom(2) + "
اداره کل
\
" + data + "
درصد پیشرفت فیزیکی
\
" + getProjectProgress() + "%