Tag Archives: google map

Trick : แสดง custom Google map บนแชร์ point แบบไม่ต้องเขียน webpart เป็น

สวัสดีครับ พักนี้เครียดครับคิดอะไรไม่ค่อยออกเลยต้องเปลี่ยนบรรยากาศมาเขียนบทความบ้าง เพราะบางทีการยึดอยู่กับอะไรนานๆมันก้ตันได้ครับ วันนี้มี Trick (ที่หลายๆคนอาจจะรู้และไม่รู้) มาฝากกัน เรืองของเรื่องก็มีอยู่ว่า
หัวหน้า : อยากจะแสดง แผนที่บริษัทโดยใช้ Google map บน sharepoint จัดให้หน่อย (หัวหน้าใช้ศัพท์วัยรุ่นซะด้วย)

ผม : งานเข้าแล้วพี่น้อง ยังเขียน webpart ไม่เป็นทำไงดี (ป่อย???)

ปิ๊ง มันมี PageViewer Web Part นี่หน่า เสร็จโจร เราก็เขียน html ธรรมดา แล้วก็มี java script ไปยุ่งกะ google API แล้วก็เอามาแสดง ก็เสร็จแล้ว ว่าแล้วก็จัดการเขียน Thailand_map.html ขึ้นมาหน้าตาแบบนี้

ShowGoogleMap1

จุดสำคัญคือ

  1. เราต้องไปลงทะเบียนกับ google map ก่อนเพื่อนให้ได้ key เอามาใช้งาน
  2. เราต้องสร้าง Picture Library ไว้เก็บรูป
  3. เราต้องสร้าง Document Library ไว้เก็บไฟล์ html

เราจะใช้ webpart ตัวนี้ครับ Page Viewer Web Part

ShowGoogleMap2

แล้วเราก็ใส่ url ของ Thailand_map.html ที่เราสร้างขึ้นมาและอัพโหลดไปเว็บไว้ใน document library บน sharepoint แล้ว

ShowGoogleMap3

เมื่อเรียบร้อยแล้ว เราก็จะได้หน้าตาแบบนี้ ผ่าง !!!

ShowGoogleMap4

ง่ายๆเลยใช้มั๊ยครับ ลองเล่นกันดุนะครับ ถ้าเราอยากจะปรับค่าอะไรของ Map เราก็จัดการกับไฟล์ Thailand_map.html อย่างเดียวแล้วก็อัพโหลดขึ้นไปใหม่ก็เรียบร้อย เอาเวลาที่เหลือไปนั่่งศึกษาการเขียน webpart ต่อไป (มีงานส่ง และมีเวลาศึกษาเพิ่มเติมด้วย) ไม่เพียงแต่ Google map เท่านั้นนะครับ ยังคงใช้ได้กับพวก widget / gadget อื่นๆที่แจกตามเว็บได้ด้วย

สวัสดีครับ
LinkedInFlipboardEmailOutlook.comPrintFriendlyWhatsAppYahoo BookmarksYahoo MessengerKindle ItGoogle BookmarksBaiduDeliciousShare