Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > เกี่ยวกับ Google map พอเปลี่ยนชื่อฟิวด์ในฐานข้อมูล หน้าค้นหาข้อ ค้นหาแล้ว marker ไม่แสดงเลยครับ



 

เกี่ยวกับ Google map พอเปลี่ยนชื่อฟิวด์ในฐานข้อมูล หน้าค้นหาข้อ ค้นหาแล้ว marker ไม่แสดงเลยครับ

 



Topic : 068660



โพสกระทู้ ( 156 )
บทความ ( 0 )



สถานะออฟไลน์




ตอนแรกใช้งานได้ตามปกติแต่อาจารย์ให้เปลี่ยนชื่อฟิวในฐานข้อมูล ตาราง markers พอเปลี่ยนเป็นชื่อฟิว id_mk,name_mk,address_mk,lat_mk,lng_mk,type_mk หน้าค้นหาก็ หาข้อมูลแล้ว ตัวมาร์คเกอร์ไม่แสดงครับลองแก้ผิดๆถูกๆ มาร์คเกอร์ไม่ขึ้นเลย ผมเลยจะรบกวนพี่ๆช่วยดูให้หน่อยครับว่าต้องแก้ตรงไหนบ้าง


หน้านี้คือหน้ารับค่าไปค้นหาแล้วมาร์คเกอร์จะแสดงหน้านี้ครับ
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>แสดงแผนที่</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAffnVKpQz5Yo8uhjDuB2ovRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQqMSBz1MCHh481i7wpgqYfNFtGQ" 
type="text/javascript"></script>
<script src="js/gmaps.CircleOverlay.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var circle = null;
var circle2 = null;
var map;
var geocoder;
 
 var iconBlue = new GIcon(); 
    iconBlue.image = '../images/food.png';
    iconBlue.shadow = '../images/shadow.png';
    iconBlue.iconSize = new GSize(32, 37);
    iconBlue.shadowSize = new GSize(32, 37);
    iconBlue.iconAnchor = new GPoint(15, 45);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var icongreen = new GIcon(); 
    icongreen.image = '../images/home.png';
    icongreen.shadow = '../images/shadow.png';
    icongreen.iconSize = new GSize(32, 37);
    icongreen.shadowSize = new GSize(32, 37);
    icongreen.iconAnchor = new GPoint(15, 45);
    icongreen.infoWindowAnchor = new GPoint(5, 1);
	
    var iconred = new GIcon(); 
    iconred.image = '../images/measure.png';
    iconred.shadow = '../images/shadow.png';
    iconred.iconSize = new GSize(32, 37);
    iconred.shadowSize = new GSize(32, 37);
    iconred.iconAnchor = new GPoint(15, 45);
    iconred.infoWindowAnchor = new GPoint(5, 1);
	
	var iconwrite = new GIcon(); 
    iconwrite.image = '../images/shop.png';
    iconwrite.shadow = '../images/shadow.png';
    iconwrite.iconSize = new GSize(32, 37);
    iconwrite.shadowSize = new GSize(32, 37);
    iconwrite.iconAnchor = new GPoint(15, 45);
    iconwrite.infoWindowAnchor = new GPoint(5, 1);
	
	var iconblack = new GIcon(); 
    iconblack.image = '../images/drink.png';
    iconblack.shadow = '../images/shadow.png';
    iconblack.iconSize = new GSize(32, 37);
    iconblack.shadowSize = new GSize(32, 37);
    iconblack.iconAnchor = new GPoint(15, 45);
    iconblack.infoWindowAnchor = new GPoint(5, 1);
	
	var iconyellow = new GIcon(); 
    iconyellow.image = '../images/restaurant.png';
    iconyellow.shadow = '../images/shadow.png';
    iconyellow.iconSize = new GSize(32, 37);
    iconyellow.shadowSize = new GSize(32, 37);
    iconyellow.iconAnchor = new GPoint(15, 45);
    iconyellow.infoWindowAnchor = new GPoint(5, 1);
	
    var customIcons = [];
    customIcons["ร้านอาหาร"] = iconBlue;
    customIcons["โฮมสเตย์"] = icongreen;
	customIcons["วัด"] = iconred;
	customIcons["ร้านของที่ระลึก"] = iconwrite;
    customIcons["ร้านเครื่องดื่ม"] = iconblack;
	customIcons["ร้านของกิน"] = iconyellow;



function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
geocoder = new GClientGeocoder();
map.addMapType(G_PHYSICAL_MAP);
map.removeMapType(G_NORMAL_MAP);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(13.42456,99.95671), 17);

}
}

function searchLocationsNear() {
var asearch = document.getElementById('asearch').value;
var fsearch = document.getElementById('fsearch').value;
var searchUrl = "search.php?fsearch=" + fsearch + "&asearch=" + asearch ;
GDownloadUrl(searchUrl, function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName('markers');

var sidebar3 = document.getElementById('sidebar3');
sidebar3.innerHTML = '';
if (markers.length == 0) {
sidebar3.innerHTML = 'No results found.';
map.setCenter(new GLatLng(13.42456,99.95671), 17);
return;
}

var bounds = new GLatLngBounds();
for (var i = 0; i < markers.length; i++) {
var id = markers[i].getAttribute("id");
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = createMarker(point, name, address, type, id);
map.addOverlay(marker);

var sidebarEntry = createSidebarEntry(marker, name, address);
sidebar3.appendChild(sidebarEntry);
bounds.extend(point);
}
map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
});
}

function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
	  //var html = "<table width=300><tr><td>"+"<b>ชื่อสถานที่ : " + name + "</b> <br/>ที่อยู่ : " + address+"</b><br/><img src='http://qrcode.kaywa.com/code/06FF0000/geo:13.38926,99.96269'/></td></tr></table>";
     // var html = "<table width=300><tr><td>"+"<b>ชื่อสถานที่ : " + name + "</b> <br/>ที่อยู่ : " + address+"</b><br/><img src='http://qrcode.kaywa.com/code/06FF0000/geo:"+point+"'/></td></tr></table>";
      //GEvent.addListener(marker, 'click', function() {
       // marker.openInfoWindowHtml(html);
	   GEvent.addListener(marker, "click", function() {
		
    		this.openInfoWindowHtml(" ชื่อสถานที่ : "+name+"<br>ที่อยู่: "+address+"<br>ประเภท: "+type+"<br>ละติจูด:"+this.getLatLng().lat()+"<br> ลองติจูด : "+this.getLatLng().lng()+"<br>QR Code:<br><img src='http://qrcode.kaywa.com/code/06FF0000/geo:"+this.getLatLng().lat()+","+this.getLatLng().lng()+"'/><br>");
	   
	   
      });
	  
      return marker;
    }
	

function createSidebarEntry(marker, name, address) {
var div = document.createElement('div');
var html = "<b>" + name + "</b> <br/>" + address + "<br/> ------------------------------ <br/>" ;
div.innerHTML = html;
div.style.cursor = 'pointer';
div.style.marginBottom = '5px';
GEvent.addDomListener(div, 'click', function() {
GEvent.trigger(marker, 'click');
});
GEvent.addDomListener(div, 'mouseover', function() {
div.style.backgroundColor = '#eee';
});
GEvent.addDomListener(div, 'mouseout', function() {
div.style.backgroundColor = '#fff';
});
return div;
}
//]]>

</script>
<style type="text/css">
<!--
body {
background-image: url(picture/page1952.jpg);
}
.style1 {color: #FF0000}
.style2 {color: #FF9B9B}
.style3 {
font-size: 14px;
font-weight: bold;
}
.style4 {color: #0000FF}
.style5 {color: #00FF00}
-->
</style></head>
<body onload="load(),initialize()" onunload="GUnload()">
<form action="#" onsubmit="showAddress(this.address.value); return false">
<table> 
<tbody> 
<tr>
<td width="600" height="402" rowspan="2"><div id="map_canvas" style="width: 600px; height: 400px"></div> </td> 
<td width="180" height="402" valign="top"><div align="center">ค้นหา
    <input name="text" type="text" id="asearch" value="ใส่ข้อมูลที่จะใช้ค้นหา" size="30"/>
ค้นหาจาก: 
<select id="fsearch"> 

<option value="name" selected>ชื่อ</option>
<option value="id" >รหัสร้าน</option>
<option value="address" >ที่อยู่</option>
<option value="type" >ประเภท</option>
</select>
<input type="button" onclick="searchLocationsNear()" value="เริ่มค้นหา"/>
</p>
</div>
<div id="sidebar3" style="overflow: auto; height: 295px; font-size: 11px; color: #000"></div> 
</td>
</tr> 
</tbody>
</table>
</form>
</body>
</html>




ส่วนนี้คือหน้า search.php
Code (PHP)
<?php
require("map_connect.php");

// Get parameters from URL

$fsearch = $_GET["fsearch"];

$asearch = $_GET["asearch"];

// Start XML file, create parent node

$dom = new DOMDocument("1.0");

$node = $dom->createElement("markers");

$parnode = $dom->appendChild($node);

// Opens a connection to a mySQL server

$connection=mysql_connect ($hostname, $username, $password);

mysql_query("SET NAMES UTF8",$connection); 
if (!$connection) {

die("Not connected : " . mysql_error());
}

// Set the active mySQL database

$db_selected = mysql_select_db($database, $connection);

if (!$db_selected) {

die ("Can\'t use db : " . mysql_error());
}

$query = "select * from markers where $fsearch like '%$asearch%' ";
$result = mysql_query($query);

if (!$result) {
die("Invalid query: " . mysql_error());
}

header("Content-type: text/xml");

// Iterate through the rows, adding XML nodes for each
while ($row = @mysql_fetch_assoc($result)){
$node = $dom->createElement("markers");
$newnode = $parnode->appendChild($node);
$newnode->setAttribute("name", $row['name']);
$newnode->setAttribute("address", $row['address']);
$newnode->setAttribute("id", $row['id']);
$newnode->setAttribute("type", $row['type']);
$newnode->setAttribute("lat", $row['lat']);
$newnode->setAttribute("lng", $row['lng']);
}

echo $dom->saveXML();
?>




Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-11-02 11:20:57 By : siwarin125 View : 856 Reply : 5
 

 

No. 1



โพสกระทู้ ( 156 )
บทความ ( 0 )



สถานะออฟไลน์


..........






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-02 21:36:26 By : siwarin125
 


 

No. 2



โพสกระทู้ ( 5,146 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


อันนี้มันโค้ดแสดงเฉย ๆนี่ครับผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-02 23:17:47 By : deawx
 

 

No. 3



โพสกระทู้ ( 156 )
บทความ ( 0 )



สถานะออฟไลน์


หน้าแสดงข้อมูลกับหน้ารับค่าไปค้นหาของผมอยู่หน้าเดียวกันครับพี่เดี่ยว

Code (PHP)
<form action="#" onsubmit="showAddress(this.address.value); return false">
<table> 
<tbody> 
<tr>
<td width="600" height="402" rowspan="2"><div id="map_canvas" style="width: 600px; height: 400px"></div> </td> 
<td width="180" height="402" valign="top"><div align="center">ค้นหา
    <input name="text" type="text" id="asearch" value="ใส่ข้อมูลที่จะใช้ค้นหา" size="30"/>
ค้นหาจาก: 
<select id="fsearch"> 

<option value="name" selected>ชื่อ</option>
<option value="id" >รหัสร้าน</option>
<option value="address" >ที่อยู่</option>
<option value="type" >ประเภท</option>
</select>
<input type="button" onclick="searchLocationsNear()" value="เริ่มค้นหา"/>



หน้านี้ก็น่าจะเกี่ยวครับ ajex_markers.php
Code (PHP)
<?php
require("map_connect.php");

function parseToXML($htmlStr)
{ 
$xmlStr=str_replace('<','&lt;',$htmlStr); 
$xmlStr=str_replace('>','&gt;',$xmlStr); 
$xmlStr=str_replace('"','&quot;',$xmlStr); 
$xmlStr=str_replace("'",'&#39;',$xmlStr); 
$xmlStr=str_replace("&",'&amp;',$xmlStr);
return $xmlStr; 
} 

$connection=mysql_connect ($hostname, $username, $password);
mysql_query("SET NAMES UTF8",$connection); 
if (!$connection) {
die('Not connected : ' . mysql_error());
}

$db_selected = mysql_select_db($database, $connection);
if (!$db_selected) {
die ('Can\'t use db : ' . mysql_error());
}

$query = "SELECT * FROM markers WHERE 1";
$result = mysql_query($query);
if (!$result) {
die('Invalid query: ' . mysql_error());
}

header("Content-type: text/xml");


// Start XML file, echo parent node

echo '<markers>';


// Iterate through the rows, printing XML nodes for each

while ($row = @mysql_fetch_assoc($result)){

// ADD TO XML DOCUMENT NODE

echo '<marker ';
echo 'name="' . parseToXML($row['name_mk']) . '" ';
echo 'address="' . $row['address_mk'] . '" ';
echo 'lat="' . $row['lat_mk'] . '" ';
echo 'lng="' . $row['lng_mk'] . '" ';
echo 'type="' . $row['type_mk'] . '" ';
echo '/>';

}

// End XML file
echo '</markers>';
?>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-03 08:52:31 By : siwarin125
 


 

No. 4



โพสกระทู้ ( 156 )
บทความ ( 0 )



สถานะออฟไลน์


ส่วนนี้ฟังก์ชั่น search

Code (PHP)
function searchLocationsNear() {
var asearch = document.getElementById('asearch').value;
var fsearch = document.getElementById('fsearch').value;
var searchUrl = "search.php?fsearch=" + fsearch + "&asearch=" + asearch ;
GDownloadUrl(searchUrl, function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName('markers');

var sidebar3 = document.getElementById('sidebar3');
sidebar3.innerHTML = '';
if (markers.length == 0) {
sidebar3.innerHTML = 'No results found.';
map.setCenter(new GLatLng(13.42456,99.95671), 17);
return;
}

var bounds = new GLatLngBounds();
for (var i = 0; i < markers.length; i++) {
var id = markers[i].getAttribute("id");
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var marker = createMarker(point, name, address, type, id);
map.addOverlay(marker);

var sidebarEntry = createSidebarEntry(marker, name, address);
sidebar3.appendChild(sidebarEntry);
bounds.extend(point);
}
map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
});
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-03 12:43:27 By : siwarin125
 


 

No. 5



โพสกระทู้ ( 156 )
บทความ ( 0 )



สถานะออฟไลน์


ทำได้แล้วครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-11-03 21:12:37 By : siwarin125
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เกี่ยวกับ Google map พอเปลี่ยนชื่อฟิวด์ในฐานข้อมูล หน้าค้นหาข้อ ค้นหาแล้ว marker ไม่แสดงเลยครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่