|
 |
| |
ขอโค๊ด การค้นหาข้อมุลจาก google Map หน่อยค่ะ พอดีทำ google Map ไว้แต่ทำค้นหาไม่เป็นค่ะ |
| |
 |
|
|
 |
 |
|
พอดีทำแผนที่ Google Map อยุ่อ่ะค่ะ แต่ค้นหาไม่เป็นจึงอยากขอโค๊ดจากผู้รู้หน่อยค่ะ
โค๊ดที่ทำเป็นแบบนี้(ที่รับค่านะคะ
Code (PHP)
<?php
include "../config.php";
include "../images_system.php";
$result_data=get_a_line("select * from contact ");
$result_data['map_latigude'] = $result_data['map_latigude'] == '' ? '18.77785996322457' : $result_data['map_latigude'];
$result_data['map_lantigude'] = $result_data['map_lantigude'] == '' ? '98.98394107818604' : $result_data['map_lantigude'];
$result_data['map_info_latigude'] = $result_data['info_latigude'] == '' ? '18.77785996322457' : $result_data['info_latigude'];
$result_data['map_info_lantigude'] = $result_data['info_lantigude'] == '' ? '98.98394107818604' : $result_data['info_lantigude'];
$result_data['map_zoom'] = (int)$result_data['map_zoom'] == 0 ? 7 : $result_data['map_zoom'];
$result_data['map_width'] = (int)$result_data['map_width'] == 0 ? 600 : $result_data['map_width'];
$result_data['map_height'] = (int)$result_data['map_height'] == 0 ? 400 : $result_data['map_height'];
?>
<!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>
<title>Google Map</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style type="text/css">html,body,#map_canvas{height:100%}body{margin:0 auto;padding:0}</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var marker;
function initialize() {
var myLatlng=new google.maps.LatLng(<?=$result_data['map_latigude']?>,<?=$result_data['map_lantigude']?>);
var myOptions={zoom:<?=$result_data['map_zoom']?>,center:myLatlng,mapTypeId:google.maps.MapTypeId.ROADMAP};
map=new google.maps.Map(document.getElementById("map_canvas"),myOptions);
google.maps.event.addListener(map,"zoom_changed",function(){var p=marker.getPosition();map.panTo(p);mapChanged();});
google.maps.event.addListener(map,"dragend",function(){mapChanged();});
var info=new google.maps.LatLng(<?=$result_data['map_info_latigude']?>,<?=$result_data['map_info_lantigude']?>);
marker=new google.maps.Marker({position:info,map:map,draggable:true,title:'ลากหมุดนี้ไปยังตำแหน่งที่ตั้งของร้าน!'});
google.maps.event.addListener(marker,"dragend",function(){var p=marker.getPosition();map.panTo(p);mapChanged();});mapChanged();};
function mapChanged(){
var p=marker.getPosition();
top.document.getElementById("info_latigude").value=p.lat();
top.document.getElementById("info_lantigude").value=p.lng();
var c=map.getCenter();
top.document.getElementById("map_latigude").value=c.lat();
top.document.getElementById("map_lantigude").value=c.lng();
top.document.getElementById("map_zoom").value=map.getZoom();
};
</script>
</head>
<body onload="initialize()"><div id="map_canvas"></div></body></html>
หน้า html
Code (PHP)
<?php $result_data=get_a_line("select * from contact "); ?>
<form action="modules/<?=$module?>/process.php" method="post" enctype="multipart/form-data" name="adminform" id="adminform" autocomplete="off">
<input type="hidden" name="eid" value="<?=$result_data['id_contact']?>" id="eid" />
<input type="hidden" name="process" value="บันทึก" id="process" />
<h2>ข้อมูลการติดต่อ</h2><br>
<div class="table">
คุณสามารถแก้ไขข้อมูลของคุณได้ที่นี้ค่ะ
<table class="summary">
<thead>คุณสามารถแก้ไขข้อมูล Google Map ได้ที่นี้ค่ะ
<tr><th style="color:#000000;">
<div id="data-box">
<div class="comments">กำหนดขนาดความ กว้าง * สูง ของแผนที่ ซึ่งจะถูกแสดงตามขนาดที่กำหนดบนหน้าเว็บ</div><div class="cleaner_h10"></div>
<label><span>ความกว้าง <em>:</em></span> <input type="text" name="map_width" id="map_width" value="<?=$result_data['map_width'];?>" class="sort right" /></label>
<label><span>ความสูง <em>:</em> </span><input type="text" name="map_height" id="map_height"value="<?=$result_data['map_height'];?>" class="sort" /></label>
<div class="cleaner_h20"></div>
<div class="comments"><strong>Info</strong> ข้อความ (HTML) ที่จะแสดง ณ. ตำแหน่งที่ตั้งของร้านหรือบริษัท ในรูปกรอบข้อความชี้ไปยังที่ตั้งของร้าน</div>
<div class="cleaner_h10"></div>
<label>
<textarea name="map_info" id="map_info" cols="45" rows="5" class="full"><?=htmlspecialchars($result_data['map_info'])?></textarea>
</label><div class="cleaner_h10"></div>
<div class="comments"><strong>อัตราขยายของแผนที่</strong> เลือกอัตราขยายของแผนที่ ที่เหมาะสมเพื่อให้สามารถดูที่ตั้งของร้านได้อย่างสะดวก</div>
<div class="cleaner_h10"></div>
<label>
<input name="map_zoom" type="text" id="map_zoom"value="<?=$result_data['map_zoom']?>" size="20" class="sort"/></label>
<div class="cleaner_h10"></div>
<div class="data-left"><!-- data-left -->
<div class="comments">พิกัดตำแหน่งของแผนที่</div><div class="cleaner_h10"></div>
<label><span> ละติจูด <em> : </em></span>
<input type="text" name="map_latigude" id="map_latigude"value="<?=$result_data['map_latigude']?>" class="small" />
</label><div class="cleaner_h5"></div>
<label><span> ลองติจูด <em> : </em></span>
<input type="text" name="map_lantigude" id="map_lantigude"value="<?=$result_data['map_lantigude']?>" class="small" />
</label>
</div><!-- End data-left -->
<div class="data-right"><!-- data-right -->
<div class="comments">พิกัดตำแหน่งของ Info ที่แสดงที่ตั้งของร้าน</div><div class="cleaner_h10"></div>
<label><span> ละติจูด <em> : </em></span>
<input type="text" name="info_latigude" id="info_latigude" value="<?=$result_data['map_info_latigude']?>" class="small" />
</label><div class="cleaner_h5"></div>
<label><span> ลองติจูด <em> : </em></span>
<input type="text" name="info_lantigude" id="info_lantigude" value="<?=$result_data['map_info_lantigude']?>" class="small" />
</label>
</div><!-- data-right -->
<div class="cleaner_h20"></div>
<div class="comments"><strong>แสดง Google Map หน้าเว็บไซต์</strong></div>
<div class="cleaner_h10"></div>
<label>
<input name="google_show" type="radio" id="radio" value="แสดง" <?php if($result_data['google_show']=='แสดง'){echo'checked="checked"';}?> class="radio" /> แสดง
<input name="google_show" type="radio" id="radio" value="ซ่อน"<?php if($result_data['google_show']=='ซ่อน'){echo'checked="checked"';}?> class="radio"/>ซ่อน
</label>
<div class="cleaner_h20"></div>
<div class="comments"><strong>ค้นหาสถานที่ Google Map</strong></div>
<label><input name="name_search" type="text" id="name_search" value="<?=$result_data['name_search']?>" size="20" class="click"/></label>
<label><input name="search" type="text" id="search" value="Search" size="20" class="click sort"/></label>
<div class="cleaner_h20"></div>
<div class="comments">
<div style="display:block;text-align:center;margin-bottom:10px">
<iframe height="<?=$result_data['map_height']?>" frameborder="0" width="<?=$result_data['map_width']?>" scrolling="no" src="map.php?m=<?=$module?>">
</iframe>
</div>
</div>
</div>
</th></tr> </thead>
<tfoot><tr><td class="data">
<input name="btn_edit" type="button" value="บันทึก" id="btn_edit" class="click" />
<input type="reset" name="cancel" id="cancel" value="ยกเลิก" class="click" /></td></tr></tfoot>
</table>
</div>
</form>
<script language="javascript">
$(document).ready(function() {
// on click submit
$("#btn_edit").click(function(){ ActionWait('block');
// send form check
$('#adminform').ajaxSubmit({dataType: 'json', cache: false,
success: function(data) { ActionWait('none');
if(data.active=='error'){
$("#"+data.filed).html(data.msg).attr('class','error');
return false;
}else{
var c=data.link;
var value =c.split(",");
var linkpage=value[0];
window.location.href=linkpage;
}
}
});
});
});
</script>
Tag : PHP, MySQL
|
|
|
 |
 |
 |
 |
| Date :
2013-07-31 12:27:03 |
By :
bobo_lucksana |
View :
911 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
บทความโดย ( deawx - deawx )
ลองดูบทความของคุณ deawx ครับ
|
| |
|
|
| |
| Date :
2013-08-01 06:17:53 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
