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;
Yorum Yaz

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

Yukarı Git