110 lines
4.4 KiB
PHP
Executable File
110 lines
4.4 KiB
PHP
Executable File
<?php
|
|
use yii\helpers\Html;
|
|
use yii\helpers\Url;
|
|
|
|
$this->title = 'ระบบภูมิสารสนเทศ (GIS)';
|
|
$this->params['breadcrumbs'][] = $this->title;
|
|
?>
|
|
|
|
<style>
|
|
.gis-card {
|
|
border: none;
|
|
border-radius: 20px;
|
|
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
|
|
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
|
|
background: #fff;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 40px 25px;
|
|
text-align: center;
|
|
text-decoration: none !important;
|
|
color: #2c1810;
|
|
border: 1.5px solid transparent;
|
|
}
|
|
.gis-card:hover {
|
|
transform: translateY(-8px);
|
|
box-shadow: 0 15px 35px rgba(255, 192, 104, 0.3);
|
|
border-color: #FFC068;
|
|
}
|
|
.gis-icon-wrap {
|
|
width: 90px;
|
|
height: 90px;
|
|
background: #FFDBBB;
|
|
border-radius: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 25px;
|
|
font-size: 2.8rem;
|
|
color: #d35400;
|
|
transition: all 0.3s;
|
|
}
|
|
.gis-card:hover .gis-icon-wrap {
|
|
background: #FFC068;
|
|
color: #8e1d1d;
|
|
transform: rotate(8deg) scale(1.1);
|
|
}
|
|
.gis-label {
|
|
font-weight: 800;
|
|
font-size: 1.25rem;
|
|
margin-bottom: 12px;
|
|
color: #2c1810;
|
|
}
|
|
.gis-desc {
|
|
font-size: 0.9rem;
|
|
color: #777;
|
|
line-height: 1.5;
|
|
}
|
|
.category-header {
|
|
background: linear-gradient(135deg, #2c1810 0%, #8e1d1d 100%);
|
|
color: white;
|
|
padding: 30px;
|
|
border-radius: 20px;
|
|
margin-bottom: 40px;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
|
}
|
|
</style>
|
|
|
|
<div class="gis-default-index">
|
|
|
|
<div class="category-header">
|
|
<h2 class="font-weight-bold mb-1"><i class="fas fa-map-marked-alt mr-2"></i> ศูนย์จัดการข้อมูลภูมิสารสนเทศ</h2>
|
|
<p class="mb-0 opacity-75">จัดการข้อมูลตำแหน่ง พิกัด และแผนที่ยุทธศาสตร์เพื่อการพัฒนาท้องถิ่น</p>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- 1. Map Overview -->
|
|
<div class="col-md-4 mb-4">
|
|
<a href="<?= Url::to(['/gis/map/index']) ?>" class="gis-card">
|
|
<div class="gis-icon-wrap"><i class="fas fa-map"></i></div>
|
|
<div class="gis-label">ภาพรวมแผนที่</div>
|
|
<div class="gis-desc">แสดงตำแหน่งพิกัดสำคัญทั้งหมดบนแผนที่ฐานแบบโต้ตอบ (Interactive Map)</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- 2. Geo Features -->
|
|
<div class="col-md-4 mb-4">
|
|
<a href="<?= Url::to(['/gis/geo-features/index']) ?>" class="gis-card">
|
|
<div class="gis-icon-wrap"><i class="fas fa-map-marker-alt"></i></div>
|
|
<div class="gis-label">จัดการจุดพิกัด (POI)</div>
|
|
<div class="gis-desc">บันทึกตำแหน่งสถานที่สำคัญ เช่น โรงเรียน วัด แหล่งน้ำ และจุดเสี่ยงภัย</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- 3. Base Data -->
|
|
<div class="col-md-4 mb-4">
|
|
<a href="<?= Url::to(['/gis/gis-base/index']) ?>" class="gis-card">
|
|
<div class="gis-icon-wrap"><i class="fas fa-database"></i></div>
|
|
<div class="gis-label">ข้อมูลพื้นฐาน GIS</div>
|
|
<div class="gis-desc">จัดการขอบเขตการปกครอง เส้นทางคมนาคม และข้อมูลเชิงพื้นที่พื้นฐาน</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alert alert-info border-0 rounded-pill mt-4 shadow-sm px-4">
|
|
<i class="fas fa-info-circle mr-2"></i> <strong>คำแนะนำ:</strong> คุณสามารถดึงข้อมูลพิกัดจากระบบ GIS นี้ไปแสดงผลที่หน้าเว็บไซต์ (Frontend) เพื่ออำนวยความสะดวกแก่ประชาชนได้ทันที
|
|
</div>
|
|
</div>
|