Your IP : 216.73.216.28
<?php require_once "db.php";
require_once("hari.php"); $dahilet= new harita; ?>
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="icon.png">
<meta name="description" content="Hz. Muhammed S.A.V.den günümüze evliyaların Kabirleri, mezarları">
<meta name="keywords" content="silsile, islam, Kabir, türbe, mezar, peygamber, Hz. Muhammed, evliya, Silsile-i aliyye,">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"/>
<meta name="language" content="Turkish">
<meta name="revisit-after" content="1 days">
<meta name="author" content="Evliyalar.net">
<meta name="verify-admitad" content="ff6444f042" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@600&display=swap" rel="stylesheet">
<style>
html, body {
height:100%;
margin: 0px;
padding: 0px;
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@600&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="dunya.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VCK330TS4V"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VCK330TS4V');
</script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(62933794, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/62933794" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<title>Evliya Kabirleri Haritası</title>
</head>
<body>
<nav class="navbar bg-dark navbar-expand-sm navbar-dark pb-0" style="height: 8%">
<div class="container pt-2 pl-sm-1 ml-sm-0 col-sm-12">
<ul class="nav nav-pills">
<a href="index.php" class="navbar-brand col-sm-1 pl-0 mr-sm-3" >
<i class="fas fa-mosque"></i> Silsile
</a>
<a href="harita.php" class="navbar-brand ml-sm-4 nav-light active">
<i class="fas fa-map-marker-alt"></i> Harita
</a>
<?php $dahilet->kategori($db); ?>
<?php $dahilet->country($db); ?>
<?php $dahilet->city($db); ?>
<?php $dahilet->ad($db); ?>
<form class="form-inline my-2 my-lg-0" action="harita.php?secim=arama" method="post">
<input class="form-control mr-sm-2 mb-2" type="search" placeholder="Lütfen Bir İsim Yazınız" aria-label="Search" name="arama">
<input type="submit" class="btn btn-outline-warning mb-2" type="submit" name="buton" value="ARAMA"/>
</form>
</ul>
</div> </nav>
<div id="googleMap" style="width:100%;height:88%; margin-top: 0.1% ; margin-bottom: 0.1%"></div>
<div class="col-sm-12" style="text-align: center; position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 4%;
padding:0.3%;
background-color: #343A40;"> <p style="font-size: 14px; color: white;">Bu harita çalışması <a href="http://www.evliyalar.net" target="_blank" style="color: #ffcccc;">Evliyalar.net</a> ekibi tarafından yapılmıştır. </p> </div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDPJR-xlgyfwD0u1T_-9yyb3aKSaEg0QM0&callback=initialize" async defer></script>
<script type="text/javascript">
var marker;
function initialize(){
// Variabel untuk menyimpan informasi lokasi
var infoWindow = new google.maps.InfoWindow;
// Variabel berisi properti tipe peta
var mapOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP
}
// Pembuatan peta
var peta = new google.maps.Map(document.getElementById('googleMap'), mapOptions,
);
// Variabel untuk menyimpan batas kordinat
var bounds = new google.maps.LatLngBounds();
// Pengambilan data dari database MySQL
<?php
// Sesuaikan dengan konfigurasi koneksi Anda
@$secim=$_GET["secim"];
switch ($secim) {
case 'sehir':
$dahilet->sehir($db);
break;
case 'ulke':
$dahilet->ulke($db);
break;
case 'ilce':
$dahilet->name($db);
break;
case 'arama':
$dahilet->arama($db);
break;
case 'kategori':
$dahilet->kat($db);
break;
default;
$query = $db->query("SELECT * FROM harita ORDER BY ad ASC");
while ($row = $query->fetch_assoc()) {
$nama = $row["ad"];
$lat = $row["enlem"];
$long = $row["boylam"];
$link = $row["link"];
echo "addMarker($lat, $long, '$nama' + '$link');\n";
}
}
?>
// Proses membuat marker
function addMarker(lat, lng, info, color){
var lokasi = new google.maps.LatLng(lat, lng);
bounds.extend(lokasi);
var marker = new google.maps.Marker({
map: peta,
position: lokasi,
});
peta.fitBounds(bounds);
bindInfoWindow(marker, peta, infoWindow, info);
}
// Menampilkan informasi pada masing-masing marker yang diklik
function bindInfoWindow(marker, peta, infoWindow, html){
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(peta, marker);
});
}
}
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>