php เกี่ยวกับแผนที่ google map ค่ะ ดึงจากดาต้าเบส แต่ทำยังไงก็ไม่ขึ้น
นั่งแก้เป็นวันแล้ว แต่ก็ไม่ขึ้นซักทีค่ะ ช่วยดูให้หน่อยนะคะว่าผิดพลาดตรงไหนCode (PHP) <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="https://raw.github.com/jbdemonte/gmap3/master/gmap3.js"></script>
<script type="text/javascript">
$(function () {
$('#map_canvas').gmap3({
map: {
options: {
zoom: 16,
center: new google.maps.LatLng(15.1066667, 104.56999999999994),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
}
},
marker: {
values: [
<?php
$sql = mysql_query("select * from place");
$latitude=$rs[latitude];
$longitude=$rs[longitude];
$pic=$rs[pic];
$placename=$rs[placename];
$address=$rs[address];
$tel=$rs[tel];
?>
[ <?=$id?>, <?=$latitude?>, <?=$longitude?> , <?=$pic?> , <?=$placename?> , <?=$address?> , <?=$tel?> ]
];
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]),
draggable : false,
title : locations[i][0],
icon: locations[i][3] ,
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][4]);
infowindow.open(map, marker);
}
})
(marker, i));
}
}
google.maps.event.addDomListener(window, 'load', init);
</script>
Tag PHP, MySQL
Date :
2013-02-14 17:46:57By :
กูเกิ้ลแม็พView :
2930Reply :
11
วิธีนั้นลองแล้วค่ะ แต่ก็ไม่ได้อยู่ดีCode (PHP) {latLng:[<?=$r[latitude]?>, <?=$r[longitude]?>], data:"<div class='font_map'><img src='<?=$r[pic]?>' width='75' height='75' alt='<?=$r[placename]?>' class='img_left' /><strong><a href='#' title='<?=$r[placename]?>' target='_blank'><?=$r[placename]?></a></strong><br /><br /><?=$r[address]?><div class='cls'></div><a href='#' title='<?=$r[placename]?>' target='_blank'>ดูที่เหลือ</a></div>", options:{icon: "marker.png"}}<?=$k?>
Code (PHP) <?php
$hostname = "localhost";
$user = "kanthara";
$password = "twins999";
$dbname = "kanthara_db";
$tblname = "register";
mysql_connect($hostname, $user, $password) or die("can not contact");
mysql_select_db($dbname) or die("can not contact");
?>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.img_left{ float:left; margin-right:5px; margin-bottom:5px; border:1px dotted #999999; background-color:#f2f2f2; padding:2px;}
.cls{ clear:both;}
.font_map{ font-family:Tahoma, Arial, serif; font-size:13px;}
div#map_canvas { width:100%; height:100%; }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="https://raw.github.com/jbdemonte/gmap3/master/gmap3.js"></script>
<script type="text/javascript">
$(function () {
$('#map_canvas').gmap3({
map: {
options: {
zoom: 16,
center: new google.maps.LatLng(15.1066667, 104.56999999999994),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
}
},
marker: {
values: [
<?php
$sql = mysql_query("select * from place");
$num = mysql_num_rows($sql);
if ($num>0){
while ($r=mysql_fetch_array($sql)) {
++$i;
$i != $num ? $k=',' : $k='';
?>
{latLng:[<?=$r[latitude]?>, <?=$r[longitude]?>], data:"<div class='font_map'><img src='<?=$r[pic]?>' width='75' height='75' alt='<?=$r[placename]?>' class='img_left' /><strong><a href='#' title='<?=$r[placename]?>' target='_blank'><?=$r[placename]?></a></strong><br /><br /><?=$r[address]?><div class='cls'></div><a href='#' title='<?=$r[placename]?>' target='_blank'>ดูที่เหลือ</a></div>", options:{icon: "marker.png"}}<?=$k?>
<?php
}
}
?>
],
events: {
mouseover: function (marker, event, context) {
var map = $(this).gmap3("get"),
infowindow = $(this).gmap3({
get: {
name: "infowindow"
}
});
if (infowindow) {
infowindow.open(map, marker);
infowindow.setContent(context.data);
} else {
$(this).gmap3({
infowindow: {
anchor: marker,
options: {
content: context.data
}
}
});
}
},
closeclick: function () {
infowindow.close();
},
mouseout: function () {
var infowindow = $(this).gmap3({
get: {
name: "infowindow"
}
});
}
}
}
});
});
</script>
<div id="map_canvas"></div>
Date :
2013-02-15 01:28:09By :
กูเกิ้ลแม็พ
ปล.คือในดาต้าเบส แต่ละสถานที่จะใช้รูปไม่เหมือนกันค่ะ
Date :
2013-02-15 01:30:57By :
กูเกิ้ลแม็พ
อ้าวดีจัง ... ขอบคุณหลาย ๆ ค่าาCode (PHP)
events: {
mouseover: function (marker, event, context) {
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
if (infowindow) {
infowindow.open(map, marker);
infowindow.setContent(context.data);
} else {
$(this).gmap3({
infowindow: {
anchor: marker,
options: {
content: context.data
}
}
});
}
},
closeclick: function () {
infowindow.close();
},
mouseout: function () {
var infowindow = $(this).gmap3({
get: {
name: "infowindow"
}
});
}
}
}
});
});
</script>
Date :
2013-02-15 15:50:45By :
กูเกิ้ลแม็พ
ลองเอาโค้ดผมไปประยุกต์ดูครับ ..
Date :
2013-02-15 17:16:40By :
deawx
พี่ deawx คะ หนูมีปัญหามาให้พี่ช่วยดู (อีกแล้วค่ะ ==')Code (PHP) <?php
$sql = mysql_query("select * from place");
$num = mysql_num_rows($sql);
if ($num>0){
while ($r=mysql_fetch_array($sql)) {
++$i;
$i != $num ? $k=',' : $k='';
?>
{latLng:[<?=$r[latitude]?>, <?=$r[longitude]?>], data:"<img src='<?=$r[pic]?>' width='50' height='50' class='img_center' /><br><strong><?=$r[placename]?></a></strong><br><br><?=$r[address]?>
<br><target='_blank'>เบอร์โทรศัพท์ : </a></div> <?=$r[tel]?>", options:{icon: "<?=$r[pic]?>"}}<?=$k?>
<?php
}
}
?>
Date :
2013-02-19 01:18:47By :
กูเกิ้ลแม็พ
มันไม่ขึ้น เพราะมันหาไฟล์รูปไม่เจอครับผม รูป marker อ่ะครับ
Date :
2013-02-19 03:30:54By :
deawx
โพส username กับ password จริง แบบนี้ไม่ปลอดภัยนะครับ แก้ไข ลบออกก็ดีนะครับ เดียวเจอเด็กลองของ ฐานข้อมูลหายหมดนะครับ
Date :
2013-02-19 11:48:49By :
Hm
ขอบคุณสำหรับคำเตือนค่ะ คุณ Hm เปลี่ยนพาสเรียบร้อยแล้วค่ะ คราวหน้าจะไม่สะเพร่าอีก
Date :
2013-02-20 00:57:07By :
กูเกิ้ลแม็พ
Date :
2013-02-20 02:34:29By :
deawx
Server 01
Load balance : Server 01
ยินดีนำเด้อจ้า
