Google Map เป็น Widget ที่มีการติดตั้งคล้ายๆกันกับ Contact Form ครับ


ในเวอร์ชั่นก่อน ๆ Google Map มีการโหลดในเบื้องต้นพร้อมๆกับการโหลดหน้าเว็บเลยทำให้เว็บดูช้าลงเนื่องจากต้องคอยโหลด Javascript มาจาก google ให้เสร็จก่อนถึงจะทำงานได้ ผมเลยเปลี่ยนมาเป็น Widget ซึ่งถ้าไม่มีการเรียกใช้หรือเรียกหน้าที่แสดง Google Map ก็จะไม่มีการโหลด Javascript แต่อย่างใด ซึ่งจะทำให้การโหลดหน้าเว็บในครั้งแรกเร็วขึ้น

การติดตั้งให้แทรกคำสั่ง WIDGET_MAP ภายใต้เครื่องหมายปีกกา {} ลงในตำแหน่งที่ต้องการครับ และทำการกำหนดค่าที่ widgets/map/config.php โดยสามารถหาพิกัด และขอคีย์ได้จาก http://code.google.com/apis/maps/signup.html
[code]<?php
    // key api ของ google map
    // http://code.google.com/apis/maps/signup.html
    $config[about][google_api_key] = 'ABQIAAAAb3BfWl-SpqZ8R1emGxDqCBSe1s9IEFJXgr_fW4KbGvxoepDUohSZnLJXMAriJxTGum5bcf-2vRCJAg';
    // พิกัดตำแหน่งของแผนที่
    $config[about][map_latigude] = '14.020479904898535';
    $config[about][map_lantigude] = '99.53078985214233';
    // พิกัดตำแหน่งของ marker
    $config[about][mark_latigude] = '14.01941295784386';
    $config[about][mark_lantigude] = '99.52962040901184';
    // อัตราการขยายของ map
    $config[about][map_zoom] = 6;
    // ข้อความ info ที่จะแสดงที่ตำแหน่งของ marker (html)
    $config[about][map_info] = '<div style="text-align:center;font-family:Tahoma;font-size:9pt;"><div>อริยะ อีเลคทรอนิคส์</div><div><a href="http://www.goragod.com">Goragod.com</a><br />57 ถ.ปากแพรก ต.บ้านเหนือ อ.เมือง จ.กาญจนบุรี</div></div>';
?>[/code]

พิกัด แผนที่ :	ลองติจูด	,	ละติจูด
พิกัด Marker :	ลองติจูด	,	ละติจูด		Lock หมุด
Zoom :

การใช้งาน ลากและวางหมุดเพื่อหาพื้นที่ที่ต้องการพร้อมปรับอัตราการขยาย (zoom) เพื่อให้เห็นพื้นที่ดีที่สุด หลังจากนั้นให้เลือก checkbox แล้วทำการลากหมุด ไปยังตำแหน่งที่ตั้งของร้าน (สามารถ zoom เพื่อให้เห็นพื้นที่ชัดเจนได้) นำค่าต่างๆที่ได้ไปกำหนดให้ GCMS

สำหรับเวอร์ชั่นที่ไม่มี config นี้ สามารถเอาค่า zoom ไปกำหนดตรงๆ ที่ widgets/map/map.php ได้ ที่บรรทัดนี้ (แทนที่เลข 6)
[code=php]$map[] = 'map.setCenter(p, 6);[/code]