PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

อัพเดตข้อมูลแผนที่ แบบ real time จากอุปกรณ์ GPS Tracker

อัพเดตข้อมูลแผนที่ แบบ real time จากอุปกรณ์ GPS Tracker

คือผมทำเว็บเกี่ยวกับ อุปกรณ์ ติดตาม GPS Tracker น่ะครับ

หลักการคือ อุปกรณ์ GPS ส่งข้อมูลมายัง server แล้วก็ ถ่ายข้อมูลลง MYSQL แล้วสามารถเรียกดู ได้ผ่านหน้าเว็บ ในรูปแบบ realtime

แต่ปัญหาคือตอนนี้ผมใช้วิธีใส่คำสั่ง refresh หน้าเว็บ ทุก ๆ 5 วินาทีเพื่อให้หน้าเว็บอัพเดต เพื่อแสดงข้อมูลได้เหมือนกับอุปกรณ์ ติดตาม เคลื่อนที่ได้ ทุก ๆ 5 วินาที

คือผมเห็น ในเว็บ www.instamapper.com (เลือก demo) สามารถเลื่อนตำแหน่งได้โดยไม่ต้องสั่ง refresh หน้าจอเลย

คำถามคือ....พอจะบอกได้มั้ยครับว่า เว็บนี้เขาใช้ สคริป ที่เรียกว่าอะไร หรือ ถ้าสามารถบอก code ผมได้ก็จะขอบคุณมากเลยครับ หรือบอกแนวทางการทำแบบคร่าว ๆ ให้ก็ได้ครับ พอดีพึ่งหัดทำเว็บน่ะครับยังไม่ค่อยเก่งเท่าไหร่

ปล.หากทำผิดกฏระเบียบของเว็บไป ขออภัยด้วยครับ 

ขอบคุณมากครับ



โดย:  Nattasart IP: 180.180.179.xxx วันที่: 01-10-2010 เวลา: 22:48:17

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 2

กระจ่างเลยครับ ขอบคุณมากครับ จะลองศึกษาดู

ปล....หากผมทำสำเร็จแล้วแบบเต็มรูปแบบ ขออนุญาต เอา code มาแบ่งปันนะครับ เพราะที่ใช้อยู่ก็เป็น Opensource คิดว่าไม่น่าจะผิดอะไร

ขอบคุณมากครับ



โดย:  Nattasart IP: 118.172.28.xxx วันที่: 02-10-2010 เวลา: 11:14:28
 ความคิดเห็นที่ 1

ขอบคุณสำหรับเว็บไซต์ดีๆ

จากตัวอย่างในเว็บตามที่แนะนำมา ถ้ามองคร่าวๆ ไม่ลงลึก เป็นการใช้งานคำสั่ง
map.setCenter(); // อิงคำสั่งจากเวอร์ฃัน 3
ให้กับตำแหน่งตัว marker ทุกๆ เวลาที่กำหนด
ใช้ setInterval() จัดการได้
หากเราสามารถรู้ตำแหน่งตัว marker ทุกๆ เวลาที่เปลี่ยนแปลง ก็สามารถนำมากำหนดได้เลย

วางไว้ว่าจะเขียนเนื้อหาเกี่ยวกับ การแนะนำเส้นทางแบบ animation ซึ่งได้ ไอเดียจากเว็บไซต์

http://econym.org.uk/gmap/ 

เนื้อหาดี แต่ยังเป็นเวอร์ฃัน google map api 2 จึงคงต้องประยุกต์เป็น เวอร์ชัน 3 ต่อไป

http://econym.org.uk/gmap/example_cartrip.htm

ตามลิ้งค์ที่ 2 ไฟล์ example_cartrip.htm เขาเขียนเป็น ฟังก์ชัน สร้างการเคลื่อนไหวได้ smooth มากๆ และเขียนได้เข้าใจยากมาก เป็นแนวคำนวณทางคณิตศาตร์เลยทีเดียว (ถ้าเข้าใจไม่ผิด)

ถ้าใครใฃ้งาน เวอร์ฃัน 2 อยู่ ก็แนะนำให้ศึกษาจากเว็บข้างต้นได้เลย แต่สำหรับเวอร์ชัน 3 ติดตามได้ที่เว็บนี้ http://www.ninenik.com

ปล.
* เว็บ ninenik.com ไม่มีเงื่อนไข หรือกฎระเบียบใดๆ ต้องกังวล
* การใช้คำสุภาพ และให้เกียรติความคิดเห็นของคนอื่นก็เพียงพอแล้ว
* เว็บไซต์ดูแลโดยคนๆ เดียว บางคำถามมีคำตอบ หลายคำถามไม่มีคำตอบ จะมีบ้างบางทีมีผู้รู้ท่านอื่นมาช่วยตอบ อันนี้ต้องขอขอบคุณไว้ในที่นี้ด้วยเช่นกัน
* หลายๆ เนื้อหา ต้องอาศัย ความรู้พื้นฐาน คนเริ่มต้นส่วนใหญ่จะไม่เข้าใจในเนื้อหา หวังว่าวันหนึ่งเขาคงมองตัวอย่างโค้ด และเนือหาในเว็บนี้ได้อย่างง่ายดาย ในอีกไม่นาน
* คำถาม หรือข้อแนะนำดีๆ จะถูกนำไปเขียนเป็นบทความ ให้คนอื่นๆ ได้ศึกษา และนำไปใช้ต่อๆ ไป
* เนื้อหาในเว็บสามารถนำไปเผยแพร่ บอกต่อ แนะนำ อื่นๆ ได้ โดยไม่ต้องขออนุญาตใดๆ



โดย:  Ninenik IP: 115.87.123.xxx วันที่: 02-10-2010