แนะนำ การใช้งาน jQuery ร่วมกับ Google map
25 March 2010การใช้งาน jQuery ร่วมกับ Google map จะทำให้เราสามารถ จัดการ Google map api ได้อย่างสะดวก
และรวดเร็ว ตัวอย่างเบี้องต้น กับการใช้ jQuery คือ กรณีทุกครั้ง ที่เรามีการเรียกใช้ Google map จะต้องมีการ
เรียกใช้งาน event load และ unload ในแท็ก body เสมอ ดังตัวอย่างโค้ดด้านล่าง
<body onload="initialize()" onunload="GUnload()">
สามารถใช้ jQuery แทน ได้ดังต่อไปนี้
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
initialize();
$(document.body).unload(function(){
GUnload();
});
});
</script>
เมื่อมีการเรียกใช้แบบ jQuery แทนแล้ว แท็ก <body> ก็ไม่ต้องมี event load และ unload
หมายเหตู: บทความในลำดับต่อไปที่เกี่ยวกับ google map จะเรียกใช้งานร่วมกับ jQuery เสมอ
เนื้อหาในส่วนนี้ เป็นเนื้อหาเก่า ใช้งานกับ google map api v2
แนะนำให้อ่านเนื้อหาใหม่ ที่ใช้งาน google map api v3 ได้ที่
บทความในหมวดที่่น่าสนใจ อื่นๆ
บทความคนเข้าอ่านวันนี้
19 Mar 11 การสร้างปุ่ม ล็อกอิน เว็บไซต์ แบบไม่แสดงรูป ด้วย facebook อ่าน 1827 20 Aug 10 การสร้าง popup ที่แตกต่าง ด้วยวิธี showModalDialog อ่าน 4812 25 Mar 09 ใช้งาน cookie ในการจำค่าชื่อผู้ใฃ้และรหัสผ่าน ด้วย javascript และ php อ่าน 2659 11 Nov 10 แนะนำ การแทรก swf ไฟล์ ด้วย jQuery SWFObject Plugin อ่าน 2376 21 Apr 10 สร้างเส้นทาง เพื่อ หาระยะทาง ใน google map ด้วย jQuery อ่าน 7431 27 May 10 ทบทวน ลำดับ การทำงาน mouse events ใน jQuery อ่าน 2364 04 Oct 11 การแสดงข้อมูลใน iframe ตามตำแหน่งที่ต้องการด้วย css อย่างง่าย อ่าน 958 14 Jan 10 รู้จัก property position ของ css ให้มากขึ้น ด้วย ตัวอย่าง และคำอธิบาย อ่าน 6142 29 Mar 09 ประยุกต์ฟังก์ชัน substr_replace ใน PHP ตัดข้อความยาวแล้วตามด้วยเครื่องหมาย ...... อ่าน 1694 13 Jul 10 วิธี load xml ไฟล์ และ แบ่งหน้า ด้วย php อย่างง่าย อ่าน 2842 22 Sep 11 แนวทาง การเลื่อนแล้ว fixed ตำแหน่งเนื้อหาที่ต้องการ ด้วย jQuery อ่าน 1105 06 Nov 09 สร้าง swap แบนเนอร์ effect แบบ fade ด้วย jQuery อย่างง่าย อ่าน 4671 22 Mar 11 การกำหนด แท็ก html ในตัวแปร JavaScript อย่างง่าย อ่าน 1557 18 Mar 09 เพิ่มลดขนาดตัวอักษรในหน้าเว็บแบบง่ายด้วย jQuery อ่าน 3126 25 Sep 08 แนวทางการเขียน CSS ในรูปแบบย่อ อ่าน 4387 07 Jul 10 เทคนิค php ดึงข้อมูล comment จาก facebook มาใช้งาน อ่าน 5321 31 Oct 09 ใช้งาน CSS Sprite images กับ การกำหนด CSS ของ Input form อย่างง่าย อ่าน 4368 07 Sep 11 นาฬิกาเวลา จาก server อย่างง่าย อ่าน 932 17 Nov 08 ตรวจสอบฟอร์ม form ก่อน submit ด้วย jquery อ่าน 9330 06 Jun 11 แนวทางการกำหนด expired header ให้กับรูปภาพ ด้วย php อย่างง่าย อ่าน 771