รบกวนด้วยค่ะ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา รบกวนด้วยค่ะ

รบกวนด้วยค่ะ

11



Kukiis 21-04-2013 13:48:05

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

รบกวนสอบถาม เรื่องกำหนด infowindow ให้กับตัว marker จำนวนมาก ใน google map

// กรณีนำไปประยุกต์ ดึงข้อมูลจากฐานข้อมูลมาแสดง

มีวิธีการนำมาใช้งานอย่างไรคะ รบกวนด้วยนะคะ กำลังเร่งทำโปรเจคจบค่ะ



kukiis 21-04-2013 13:50
 ความคิดเห็นที่ 2

 ส่วนที่ 1 การสร้าง XML ไฟล์ ตามตัวอย่างไฟล์ชื่อ genMarker.php ดูเพิ่มที่ตัวอย่างหน้า ตามลิ้งค์ด้านล่าง

 
 
โดยในส่วนบรรทัด 
 
    <marker id="<?=$rs["province_id"]?>">  
        <name><?=$rs["province_name"]?></name>  
        <latitude><?=$rs["province_lat"]?></latitude>  
        <longitude><?=$rs["province_lon"]?></longitude>  
    </marker>  
 
 
ให้เพิ่ม ส่วนของ id ข้อมูลสำหรับเชื่อมโยงเข้าไปเช่น ดังตัวอย่าง ในที่นี่เพิ่ม dataid
 
    <marker id="<?=$rs["province_id"]?>">  
        <name><?=$rs["province_name"]?></name>  
        <latitude><?=$rs["province_lat"]?></latitude>  
        <longitude><?=$rs["province_lon"]?></longitude>  
        <dataid><?=$rs["province_id"]?></dataid>  
    </marker>  
 


ninenik 21-04-2013
 ความคิดเห็นที่ 3

 ส่วนที่ 2 ในการเรียกค่า id จากส่วนที่หนึ่งมาใช้งาน เพื่อส่งค่า ไป ดึงข้อมูล

อีกที ดูไปพร้อมกับตัวอย่างตามลิ้งค์ด้านล่าง
 
 
ตัวอย่างโค้ตที่ 2 บรรทัดที่ 63 
 
                var markerLng=$(this).find("longitude").text(); // นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน  
 
 
ให้เพิ่มโค้ดต่อจากบรรทัดที่ 63 เพื่อดึงค่า xml dataid มาสำหรับส่งไปใช้งาน
เพื่มเป็น 
 
var markerDataID=$(this).find("dataid").text(); // นำค่าต่างๆ มาเก็บไว้ในตัวแปรไว้ใช้งาน  
 
 
ต่อมาให้ปิดใช้งานบรรทัดที่ 71-73 
และเปิดใช้งาน บรรทัดที่ 74-81 เพื่อดึงข้อมูลจากฐานข้อมูล โดยส่งค่า markerDataID ไปที่ไฟล์ placeDetail.php ดังนี้
 
              //  กรณีนำไปประยุกต์ ดึงข้อมูลจากฐานข้อมูลมาแสดง  
              infowindow[i] = new GGM.InfoWindow({     
                  content:$.ajax({     
                      url:"placeDetail.php",//ใช้ ajax ใน jQuery ดึงข้อมูล     
                      data:"placeID="+markerDataID,// ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล  
                      async:false     
                  }).responseText     
              });  
 


ninenik 21-04-2013
 ความคิดเห็นที่ 4

 ส่วนที่ 3 ส่วนของการแสดงข้อมูลในไฟล์ placeDetail.php ดูไปพร้อมลิ้งค์ด้านล่าง

 
 
ให้ดูในส่วนโค้ดตัวอย่างที่ 2 
โค้ดไฟล์ placeDetail.php จัดรูปแบบ ตามต้องการ 
ส่วนนี้สามารถจัดรูปแบบการจัดวาง เชิ่อมต่อฐานข้อมูล และรับค่าตัวแปร GET ชื่อ placeID เพื่อในไปดึงข้อมูลมาแจ้ง ก็เป็นอันเสร็จ


ninenik 21-04-2013
 ความคิดเห็นที่ 5

 ตอนนี้พบปัญหาเอาไฟล์ขึ้นโฮสต์แล้วไม่สามารถแสดงจุดมาร์คเกอร์ได้ค่ะ รบกวนชี้แนะด้วยนะคะ



kukiis 04-05-2013 16:07
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ