- ชื่อ: Google map for SMF
- ผู้เขียน: UnclEo
- นำเสนอโดย: DexMoreGroup
- ประเภท: New Feature
- รองรับ: SMF 1.1.xx, 2.0.xx
- ปรับปรุงล่าสุด: 20 มิถุนายน 2553
รายละเอียด Google map คนท่องเว็บใครบ้างไม่รู้จัก มันเป็นสิ่งที่ช่วยเราได้มากจริงๆ ครับ แต่สำหรับผู้เริ่มต้นทำ SMF ที่อยากจะมีไว้ในบอร์ดของตัวเองแต่ไม่รู้จะทำอย่างไร อ่านบทความนี้และทำความเข้าใจไปเรื่อยๆ นะครับ แล้วสิ่งที่ท่านต้องการไม่ใช่เรื่องยากอีกต่อไป
ขั้นแรกก็ไปที่นี่ก่อนครับ
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Com1 Sign up for a Google Maps API key.2 Read the Maps API Developer's Guide.
3 Read the Maps API Reference.
4 Join the announcements group to receive important updates.
ลองแปลกันดูนะครับว่าแต่ละลิงค์สำหรับเชื่อมต่อไปใหน ผมจะแปลให้เฉพาะลิงค์ที่ 1 คือการลงทะเบียนกับ google เพื่อเอาคีย์มาใช้งานสำหรับไซต์ของเรา
ตอนนี้สมมุติว่าได้คีย์กันมาแล้วก็เริ่มกันเลยครับ
file index.template.php
ค้นหา -->>
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
เพิ่มไว้หลัง -->>
<script src="http://www.google.com/jsapi?sensor=true&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></script>
ที่ใส่ xxxxxxxxxxxxxxxxxxxxxxxx ไว้นี่แหละครับคือคีย์ที่เราได้ลงทะเบียนไว้เมื่อได้มาแล้วก็เอามาใส่แทน xxxxxxxxxxxxxxxxxxxxxxxx นี่เลย
ค้นหา -->>
// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';
เพิ่มไว้ก่อน -->>
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Comค้นหา -->>
<body>
แก้เป็น -->>
<body onload="initialize()" onunload="GUnload()">
<div id="content"> </div>
โค๊ดนี้คือส่วนแสดงผลของ google map ต้องการให้แสดงส่วนใหนก็นำไปใส่ใน template ของ smf ได้เลย ซึ่งไฟล์ที่จะใส่ก็คือ index.tempate.php หรือ BoardIndex.template.php
ได้อธิบายด้วยภาษาไทยพอคร่าว ๆ แล้วนะครับ ยังมีตัวเพิ่มความสามารถที่เรียกว่า API ของมันอีกหลายอย่าง ใครว่าง ๆ ก็ลองเข้าไปศึกษาดูแล้วเอามาแบ่งกันมั่งนะครับ
ลิงค์หัวข้อ:
http://dexmore.com/topic/373 
Web Achieve 
หน้า: 1 
Powered by 