มีปัญหาเรื่องการแสดง ข้อมูลใน infowindows ของ google map แบบหลายๆหมุด
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา มีปัญหาเรื่องการแสดง ข้อมูลใน infowindows ของ google map แบบหลายๆหมุด
คือดูข้อมูลและวิธีทำจาก การแสดง ข้อมูลใน infowindows ของ google map ด้วย ajax ใน jQuery แต่ที่ตัวอย่างมันมีแค่ 1 จุด พอดีอยากจะให้แสดงหลายๆ แต่ละจุดมีเนื้อหาแตกต่างกัน ต้องทำยังไงอ่ะครับ พอดีลองทำมาหลายวันแล้วยังไม่ได้
ขอบคุณมากๆ ครับ

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

คือ ตัวอย่างมันแสดงแค่ 1 จุดแล้วจะมีวิธีการให้แสดงหลายๆจุดแบบเป็นรูปยังไงหรอ ยังไม่เข้าใจจากลิ้งที่ให้ต้องเอาไปประยุกต์ยังไง

ที่พี่ส่งลิ้งให้ง่ะครับ ใช่มันดึงข้อมูลมาจากฐานข้อมูล แต่มันแสดงเป็นการแสดงข้อมูลใน infowindow แต่ 1 บรรทัด หรือ 1 จังหวัด เมื่อคลิกที่หมุดแต่ละอันก็จะแสดงแตกต่างกันไป แต่ผมอยากจะให้แสดงรายละเอียดมากกว่านั้น เช่น ชื่อ ที่อยู่ เบอร์โทร เป็นต้น ซึ่งจะดึงออกมาจากฐานข้อมูล ผมงงตรงที่ https://www.ninenik.com/กำหนด_infowindow_ให้กับตัว_marker_จำนวนมาก_ใน_google_map-338.html ที่บอกว่าไปประยุกท์ใช้กับการดึงข้อมูลฐานข้อมูลตรง data:'placeID='+markerID 'placeID มันคืออะไรง่ะครับ ผมไม่เข้าใจช่วยอธิบายหน่อยครับ ผมศึกษามานานแล้วก็ยังไม่เข้าใจ
ขอบคุณครับ!

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | // ขออธิบายส่วน เกี่ยวกับ ดึง่ข้อมูลมาแสดง infowindow // // กรณีนำไปประยุกต์ ดึงข้อมูลจากฐานข้อมูลมาแสดง // infowindow[i] = new GGM.InfoWindow({ // content:$.ajax({ // url:'placeDetail.php',//ใช้ ajax ใน jQuery ดึงข้อมูล // data:'placeID='+markerID,// ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล // async:false // }).responseText // }); // ถ้าเรากำหนดแบบตายตัว infowindow ทุกอันก็จะแสดงข้อมูลเหมือนกัน เช่น // infowindow[i] = new GGM.InfoWindow({ // content:"ข้อความที่จะแสดงใน infowindow" // }); // แต่เงื่อนไข คือเราต้องการดึงข้อมูลที่ต่างกัน มาจากฐานข้อมูล ลองสมมติว่าเราดึงจากไฟล์ // รูปแบบแทนที่จะกำหนดเป็นข้อความโดยตรง ก็เป็นกำหนดแบบใช้ ajax ใน jQuery ตามรูปแบบ // // infowindow[i] = new GGM.InfoWindow({ // content:$.ajax({ // url:'placeDetail.php',//ใช้ ajax ใน jQuery ดึงข้อมูล // data:'placeID='+markerID,// ส่งค่าตัวแปร ไปดึงข้อมูลจากฐานข้อมูล // async:false // }).responseText // }); // ความหมายตามโค้ดคือ ให้เนื้อหา content หรือข้อความใน infowindow ได้มาจาก การ // ดึงข้อมูลจากไฟล์ placeDetail.php ตาม url // โดยมีเงื่อนไขคือ ให้ placeID= ค่า markerID // จะได้รูปแบบ url เต็ม ที่ส่งไปด้วย ajax คือ placeDetail.php?placeID= ค่า markerID // สมมติว่า ค่า markerID=1 // จะได้ว่าค่าที่ส่งไปคือ placeDetail.php?placeID=1 // ถ้าไฟล์ placeDetail.php มีรูปแบบอย่างง่ายเป็น <?php if ( $_GET [ 'placeID' ]==1){ // ถ้าเท่ากับ 1 echo "ค่าที่จะแสดงใน infowindow ค่าที่ 1" ; } else { // ถ้าเท่ากับค่าอื่น echo "ค่าที่จะแสดงใน infowindow ค่าที่ 2" ; } ?> // ถ้าไฟล์ placeDetail.php มีรูปแบบดึงข้อมูลจากฐานข้อมูล <?php $q = "SELECT * FROM data WHERE id='" . $_GET ['placeID ']."' "; $qr =mysql_query( $q ); $rs =mysql_fetch_array( $qr ); echo $rs [ 'detail' ]; ?> |
