|
|
|
สอบถามเรื่องวิธีนำ google map มาลงบนเว็บ โดยรับค่าละติจูด ลองติจูด |
|
|
|
|
|
|
|
คุณ deawx เขียนไว้หลาย ๆ ความครับ ลองดู
บทความโดย ( deawx - deawx )
|
|
|
|
|
Date :
2013-11-25 08:24:24 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองเขียนดูแล้วแต่ลองดึง ละติจูด ลองติจูดจาก database เท่านั้น
แต่พอรันแล้วไปโผล่ในทะเลเฉยเลยครับ แต่จุดพิกัดเก็บลง database ไว้ก็อยู่ถูกจุด
รันแล้วต้องซูมออก รัวๆเลยครับถึงจะเห็น
database
| id | name | address | x | y |
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google Map</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<style>
html {
height: auto;
}
body {
height: auto;
margin: 0;
padding: 0;
}
#map {
height: auto;
position: absolute;
bottom:0;
left:0;
right:0;
top:0;
}
@media print {
#map {
height: 950px;
}
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var locations = [
<?php
include'connect.php';
$sql = "SELECT * FROM temple";
$result = mysql_query ($sql);
while ($show = mysql_fetch_array($result)){
echo "['$show[name]<br/><br/>$show[address]',$show[x],$show[y],$show[id]],"; }
?>
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: new google.maps.LatLng('<?=$show['x']?>','<?=$show['y']?>'),
mapTypeId: google.maps.MapTypeId.SATELLITE
});
var infowindow = new google.maps.InfoWindow();
var marker, i; for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})
(marker, i));
}
</script>
</body>
</html
|
|
|
|
|
Date :
2013-11-25 09:48:58 |
By :
sabaitip |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
map ไม่ขึ้นอ่ะค่ะ ลองรันตามโค้ดอ่ะค่ะ
|
|
|
|
|
Date :
2015-05-23 11:35:08 |
By :
nanza |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|