|
 |
| |
ลอง copy code จากบทความ google map v3 แบบ php โดยใช้ mysql แต่แผนที่ไม่ขึ้น |
| |
 |
|
|
 |
 |
|
อันนี้เป็นโค้ดค่ะ
Code (PHP)
<?php
$hostname = "localhost";
$user = " ";
$password = " ";
$dbname = " ";
error_reporting(E_ALL ^ E_NOTICE);
mysql_connect($hostname, $user, $password) or die("can not contact");
mysql_select_db($dbname) or die("can not contact");
mysql_query("SET NAMES UTF8");
?>
<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:50%; height:50%; }
</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: {
center: [13.754059,100.493317],
zoom: 12,
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[name_place]?>' class='img_left' /><strong><a href='#' title='<?=$r[name_place]?>' target='_blank'><?=$r[name_place]?></a></strong><br /><br /><?=$r[name_place]?><div class='cls'></div><a href='#' title='<?=$r[name_place]?>' target='_blank'></a></div>", options:{icon: "https://dekdee.buu.ac.th/~s52530315/work/pinned_topic_icon.gif"}}<?=$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>
</head>
<body>
<div id="map_canvas"></div>
<form id="form1" name="form1" method="post" action="">
<label>
สถานที่ :
<select name="name_place">
<option value=""><--Please Select Place--></option>
<?
$strSQL = "SELECT * FROM place ORDER BY id_place ASC";
$objQuery = mysql_query($strSQL);
while($objResuut = mysql_fetch_array($objQuery))
{
?>
<option value ="<?=$objResuut["id_place"];?>"><?=$objResuut["name_place"];?></option>
<? }
?>
</select>
</label>
</form>
<option value ="<?=$objResuut["id_place"];?>"></option>
</body>
Tag : PHP, MySQL, HTML/CSS, JavaScript
|
ประวัติการแก้ไข
2013-02-01 01:59:23
|
 |
 |
 |
 |
| Date :
2013-02-01 01:57:32 |
By :
sweetwater |
View :
1469 |
Reply :
5 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ก้อบปี้ แล้วก็ทดลองดูครับ
ค่อยประยุกต์ อย่าประยุกต์ เลยโดยไม่ลองก่อน มันจะทำให้สับสน
การที่แผนที่ไม่ออกอะไรยังไง เอาโค้ดที่มัน error ออกมาหรือไม่ก็ capture หน้าจอมันมาดูก็ได้ครับ จะได้รู้ปัญหา
ถามกว้าง ๆ ผมตอบให้ไม่ได้จริงๆ
นี่เป็นอีกเหตุผล ที่ทำไม ผมไม่ค่อยลงบทความด้านแมป เพราะ หลายคนนำไปใช้งาน ติดปัญหากัน ผมตามแก้ใ้ห้ไม่ไหว ก็ด่าผมทางเมล์ ผมหละมะเข้าจาย .. ว่า ทำแบบผม แล้วไม่ได้ หรือทำแบบผม แต่ไปประยุกต์แบบอื่นแล้วไม่ได้ ค่อยมาด่าผม
เข้าใจผมหน่อยเน่อ ..
|
| |
|
|
| |
| Date :
2013-02-01 11:31:16 |
By :
deawx |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
หนูลองทำดูใหม่ตามที่พี่แนะนำ ถ้าเกิดยังไม่ได้ตกแต่งหน้าเว็บ แผนที่จะขึ้น แต่พอใส่เข้าไปใน เว็บที่เราตกแต่งแผนที่จะไม่ขึ้น
หนูถามกว้างไปรึป่าวค่ะ พอวิว soure code ดู มัน warnning
อันนี้เป็นที่ไม่ warning
|
ประวัติการแก้ไข
2013-02-01 16:15:28
2013-02-01 16:35:03
| |
|
|
| |
| Date :
2013-02-01 16:14:54 |
By :
sweetwater |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มันบอกว่า เรา connect ไม่ผ่านอ่ะจ้า เลยโหลดข้อมูลไม่ได้ พอโหลดข้อมูลไม่ได้ มันก็เลย error เพราะมันหาพิกัดไม่เจอ จ้า
|
| |
|
|
| |
| Date :
2013-02-01 19:12:37 |
By :
deawx |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
