19-03-2017, Saat: 18:55
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:
Kod:
<!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
Kod:
<!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>