วันจันทร์ที่ 5 พฤษภาคม พ.ศ. 2551

มาลองใช้แม้พแจ๊คกันเถอะ

แม้พแจ๊คเป็น Google Maps Mashup ที่น่าสนใจ มีจุดเด่นที่ใช้ภาพพานอรามาจำนวนมากทำงานร่วมกับแผนที่กูเกิ้ล (Google Maps) ตอบสนองการใช้งานเร็ว มี user interface ที่ช่วยให้ใช้งานง่าย สามารถช่วยให้ผู้ใช้ได้ชมภาพพานอรามาของตำแหน่งต่างๆ บนถนนทั่วเมืองเชียงใหม่และพัทยา รวมถึงเมืองอื่นๆ ที่น่าสนใจอีกหลายแห่งทั่วโลก ประโยชน์เบื้องต้นที่ผู้ใช้แม้พแจ๊คจะได้รับเมื่อเข้าใช้บริการของเว็บไซท์นี้คือ ความตื่นตาที่ได้เลือกชมภาพพานอรามาที่ถ่ายทำจากจุดต่างๆ ต่อเนื่องไปบนถนนทั่วเมือง รูปพานอรามาทุกรูปเป็นชนิด 360 องศารอบตัวที่เพิ่งถ่ายทำเสร็จในปีพ.ศ. 2551 ต่างจากข้อมูลบนแผนที่กูเกิ้ลอย่างอื่น (แผนที่ รูปถ่ายดาวเทียม) ที่มีอายุ 2-5 ปี ผู้ใช้สามารถหันรูปพานอรามาโดยใช้เม้าส์ชี้-กด-ลากไปทางซ้ายหรือขวาเพื่อแสดงภาพในทิศทางที่ต้องการได้อย่างต่อเนื่อง ช่วยจำลองสถานการณ์การมองรอบตัวได้อย่างน่าสนใจ นอกจากนั้นแม้พแจ๊คสามารถจำลองสถานการณ์การนำผู้ใช้เดินไปตามถนนในเมืองเพื่อชมภาพเบื้องหน้าตลอดเส้นทางที่เดินไป การทำงานที่ประสานกับแผนที่กูเกิ้ลอย่างกลมกลืนทำให้สามารถเลือกสถานที่ที่ต้องการชมภาพ และปรับมุมมองภาพได้อย่างสะดวก การนำแผนที่มาใช้ผสานกับภาพถ่ายรอบตัวช่วยให้เห็นภาพพจน์เชิงตำแหน่งได้ดี ดีกว่าไปดูในสถานที่จริงหลายกรณี เช่น สถานที่จริงอาจเข้าถึงได้ยาก มีสิ่งกีดขวาง มีปัญหาการจราจร มีโอกาสไปผิดสถานที่ อาจถูกบังคับให้ไปตามถนนที่เดินทางเดียว การภาพถ่ายมีโอกาสเลือกวันเวลาถ่ายหรือจัดสภาวะก่อนถ่ายเพื่อให้ได้ภาพที่ถูกใจ ฯลฯ การที่ผู้จัดทำแม้พแจ๊คเลือกเมืองเชียงใหม่และพัทยาเป็นสถานที่แรกๆ ออกนำเสนอต่อชาวโลกเป็นการย้ำถึงความสำคัญของสองเมืองท่องเที่ยวดังกล่าวเป็นอย่างดี และนับเป็นการเผยแพร่สถานที่ท่องเที่ยวของประเทศไทยให้ออกสู่สายตาชาวโลกด้วยเทคโนโลยีใหม่ๆ คนไทยเองก็ได้รับประโยชน์ไม่น้อยจากการเข้าชมเว็บไซท์แม้พแจ๊คนี้ แต่มีหลายสิ่งที่ควรพิจารณาและใคร่ครวญในฐานะคนไทยคือ ภาพที่แสดงให้เห็นทุกภาพทั่วเมืองเชียงใหม่และพัทยาเป็นภาพที่ถ่ายทำแบบ candid photography เชื่อว่ายังไม่ผ่านการเห็นชอบจากผู้เกี่ยวข้องทั้งหลาย บุคคล(รวมถึงสถานที่)ที่ถูกถ่ายภาพไม่มีโอกาสรับรู้และเตรียมการล่วงหน้าว่าจะถูกถ่ายภาพออกนำเสนอบนอินเทอร์เน็ทให้คนทั่วโลกได้เห็น ผู้ถ่ายภาพและเผยแพร่ภาพจึงเป็นผู้กระทำการถือวิสาสะต่อสาธารณชน อาจเข้าข่ายละเมิดต่อความเป็นส่วนตัวของบุคคลและสถานที่อันก่อให้เกิดความเสียหายต่างๆ ดังนั้น สิ่งที่ปรากฏในรูปพานอรามาจึงมีทั้งที่เป็นเชิงบวกที่เชิญชวนให้ผู้ชมอยากไปเที่ยวสถานที่นั้น และเป็นเชิงลบที่ประจานให้โลกเห็นความสกปรกและไร้ระเบียบของเมืองท่องเที่ยวสำคัญในประเทศไทย ในอีกมุมมองหนึ่งที่อาจเป็นไปได้คือ เมื่อผู้ชมได้เห็นภาพทั่วทั้งเมือง อาจคิดเลยเถิดไปว่าได้เห็นหมดแล้ว สามารถยกเลิกโครงการไปเที่ยวยังสถานที่นั้นได้และเปลี่ยนไปเที่ยวที่อื่นแทน หวังใจว่าคนที่คิดแบบนี้คงมีน้อย

การใช้แม้พแจ๊คเป็นสื่อแนะนำสถานที่ที่น่าสนใจโดยมีรูปพานารามาที่จุดนั้นให้ดู


แนะนำวิธีทำ Link ของแผนที่กูเกิ้ลและรูปพานอรามาให้ตรงตำแหน่งที่สนใจและเป็นรูปที่เห็นในทิศทางที่ต้องการ เช่น รูปตัวอย่างนี้ URL คือ
http://www.mapjack.com/?mxtRUbFmkcTFEDgA
ใช้สำหรับสร้าง link ไปยังเว็บเพจแม้พแจ๊คซึ่งแสดงรูปพาโนรามาที่จะเห็นเมื่อเรายืนที่หัวถนนพัทยาสาย 1 มองตรงไปยังป้ายข้อความ "PATTAYA city" ขนาดใหญ่ที่ติดตั้งอยู่บนเนินสูงริมฝั่งทะเล

วิธีการมีขั้นตอนดังนี้
ใช้เว็บบราวเซอร์เปิดเว็บไซท์ http://www.mapjack.com ใช้ตัวเลือก pull-down list สมมุติเลือกชื่อ Pattaya
คลิกที่เส้นหรือจุดสีน้ำเงินบนแผนที่ (ซึ่งเขียนทับบนถนนหลายสายทั่วเมือง) หรือใช้เม้าส์ชี้-กด-ลากไอคอนรูปคน(คุณแจ๊ค)ที่ยืนอยู่บนแผนที่ไปยังตำแหน่งที่ต้องการ
รูปพานอรามาจะเปลี่ยนไปเป็นวิวใหม่ที่แจ๊คมองเห็นจากตำแหน่งนั้นในทิศทางที่หันหน้ามองออกไป
จากนั้นใช้วิธีชี้-กด-ลากที่รูปพานอรามา หรือที่เครื่องหมายแสดงมุมมองด้านหน้าแจ๊ค ภาพจะหันไปตามทิศทางที่ต้องการ
ให้ใช้เครื่องมือที่อยู่มุมซ้ายล่างของรูปพานอรามาช่วยในการ Zoom in / out ปรับรายละเอียดภาพและมุมมองของภาพให้ได้ตามที่ต้องการ
คลิกที่ไอคอนรูปลูกศรชี้ลงบนวงกลมที่มุมบนซ้ายของรูปพานอรามา จะเห็น ข้อความเป็น URL ที่คุณสามารถ copy ไปใช้ได้

วันจันทร์ที่ 10 มีนาคม พ.ศ. 2551

Google maps mashups using data from Google spreadsheets



รูป 1 ระบบของแผนที่ Google Maps mashup ซึ่งเรียกใช้ข้อมูลจาก Google Spreadsheets

  • ผลงานสาธิตการทำแผนที่โดยใช้ข้อมูลจากสเปรดชีต (Google Spreadsheet as database server for Google Maps mashup), map, source data
  • ผลการออกเสียงประชามติรับร่างรัฐธรรมนูญปี 2550 (Outcome of Thailand Referendum Endorsement Ballots Cast), map, source data
  • อุทยานแห่งชาติ (Thailand's national parks), map, source data
  • ลุ่มน้ำประธาน 25 แห่งของไทย (Thailand's 25 major river basins), map, source data
  • เขื่อนและอ่างเก็บน้ำ (Dams and reservoirs in Thailand), map, source data

วันจันทร์ที่ 25 กุมภาพันธ์ พ.ศ. 2551

Google Maps Without the Scripting

I am a regular user of Google Maps API, and I plan to put some map mashups on this blog in the future. But this new service provides a much simpler way. It is so easy that I decided to try it now.
Here is a simple Google map zoomed on to my working place. The red pushpin shows the approximate location of my office.


The tag below is used to generate the map:
<img src="http://maps.google.com/staticmap?center=13.73705,100.5321
&markers=13.7370,100.5321,reda&zoom=15&size=400x300
&key=my_map_api_key"/>

Useful links:
Static Maps API Developer's Guide
The Wizard for creating Google Static Maps

วันพฤหัสบดีที่ 21 กุมภาพันธ์ พ.ศ. 2551

Google Chart API

The Google Chart API lets you dynamically generate charts.
Here is a simple "Hello World" pie-chart.
And this tag:
<img src='http://chart.apis.google.com/chart
?chs=200x125&chd=s:helloWorld&cht=lc&chxt=x,y
&chxl=0:|Mar|Apr|May|June|July|1:||50+Kb'alt='Sample chart'/>

is used to create the graph below.
Sample chart

Useful links:
Google Chart API: Developer's Guide
Charts And Graphs: Modern Solutions

Map mashup with Google Maps API and Google Spreadsheets

My samples of Google Maps mahups that use data from Google Spreadsheets:
Outcome of August 19, 2007 Ballots Cast on Thailand Referendum Endorsement
Google Spreadsheet as Database Server for Google Maps Mashup

Useful resources for making Google Maps mashup with data from Google Spreadsheet:
Google LatLong: Mapping with Google Spreadsheets
Create a map from a published Google Spreadsheet
Spreadsheet Mapper 2.0

For developers:
Google Spreadsheets Data API: Reference Guide

Hello World.

This blog will be used to record my web application development activities and also the report of my web adventures. My visitors will have a chance to give me feedback, comment, criticism, or whatsoever.