PHP ile Google Maps...
 
Paylaş:
Bildirimler
Tümünü Sil

PHP ile Google Maps Api Kullanımı  

  RSS
Karayel
(@karayel)
Gelişen Üye

Paylaşıcak yer bulamadığımdan burda paylaştım, paylaşmamı istediğiniz yeri belirttirseniz düzeltirim.

Şuanlık bütün php konularımı burda paylaşıcam.

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>
<?php
$gelenkordinat1=$_POST['kordinat1']; 
$gelenkordinat2=$_POST['kordinat2'];
$gelenyazi=$_POST['yazi'];
$gelenzoom=$_POST['yakinlas'];
?> 
<script>
var kordinat=new google.maps.LatLng('','');

function initialize()
{
var mapProp = {
 center:kordinat,
 zoom>mphp 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:""
 });

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>

Kaynak dosyayı indirmek için tıklayın

Alıntı
Gönderildi : 18 Mayıs 2017 02:35
Paylaş: