Php ile Google Maps Api Kullanımı

Bu dersimizde PHP ve Javascript kullanarak Google Maps haritasından istediğimiz kordinatlara istediğimiz yakınlaştırma ve haritada isteğimiz yazıyı yazarak işaretleme yapıyoruz.

Bu dersimizde PHP ve Javascript kullanarak Google Maps haritasından istediğimiz kordinatlara istediğimiz yakınlaştırma ve haritada isteğimiz yazıyı yazarak işaretleme yapıyoruz.

gonder.php sayfamız:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

</head>



<body>

<form id="form1" name="form1" method="post" action="goster.php">

  <label>kordinat1

  <input name="kordinat1" type="text" id="kordinat1" />

  </label>

  <label>kordinat2

  <input name="kordinat2" type="text" id="kordinat2" />

  </label>

  <label>zoom

  <input name="yakinlas" type="text" id="yakinlas" />

  </label>

  <label>yazi

  <input name="yazi" type="text" id="yazi" />

  </label>

  <label>

  <input name="gonder" type="submit" id="gonder" value="gonder" />

  </label>

</form>

</body>

</html>



goster.php sayfamız


<!DOCTYPE html>

<html>

<head>

<script

src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">

</script>



$gelenkordinat1=$_POST['kordinat1']; 

$gelenkordinat2=$_POST['kordinat2'];

$gelenyazi=$_POST['yazi'];

$gelenzoom=$_POST['yakinlas'];

?> 

<script>

var kordinat=new google.maps.LatLng(' echo $gelenkordinat1; ?>',' echo $gelenkordinat2; ?>');



function initialize()

{

var mapProp = {

  center:kordinat,

  zoom:( echo $gelenzoom ; ?>),

  mapTypeId:google.maps.MapTypeId.ROADMAP

  };



var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);



var isaretle=new google.maps.Marker({

  position:kordinat,

  });



isaretle.setMap(map);



var infowindow = new google.maps.InfoWindow({

  content:" echo $gelenyazi ;?>"

  });



infowindow.open(map,isaretle);

}



google.maps.event.addDomListener(window, 'load', initialize);

</script>

</head>



<body>

<div id="googleMap" style="width:500px;height:380px;"></div>

</body>

</html>


  • Etiketler;
Zekai Kılıç
1993 doğumludur. Genel olarak PHP ile uzmanlık alanıdır. Kendi işinin haricinde CSS, Corel Draw ve JQuery ile ilgileniyor. <p>Liseyi teknik lisede, üniversiteyi ise Uludağ Üniversitesi'nde tamamladıktan sonra iş hayatına atıldı.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git