<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>We Project &#187; Maps</title>
	<atom:link href="http://www.we.in.th/tag/maps/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.we.in.th</link>
	<description>Fabric of the Symphony</description>
	<lastBuildDate>Sun, 05 Feb 2012 10:04:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Google Maps + Geocoder Services: Part II</title>
		<link>http://www.we.in.th/google-maps-and-geocoder-services-part-2/</link>
		<comments>http://www.we.in.th/google-maps-and-geocoder-services-part-2/#comments</comments>
		<pubDate>Wed, 07 Dec 2011 07:11:28 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[Introduction]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=1146</guid>
		<description><![CDATA[จากตอนแรก ได้อธิบายถึงการทำงานของโค้ดและได้สร้างรายการการแก้ไขไปแล้วบางส่วน โดยมีรายการของงานที่ต้องทำคือ ประกาศตัวแปร maps, marker และ latlng เป็นตัวแปรแบบ global ลบการประกาศตัวแปร info และการแมพเหตุการณ์ &#8216;click&#8216; ในฟังก์ชั่น initWithMapStart และลบฟังก์ชั่น errorOccur แก้ไข callback function ของ navigator.geolocation.getCurrentPosition แก้ไขฟังก์ชั่น panToCurrentLocation เพิ่มฟังก์ชั่น resolveGeocoding, displayGeocodingResult โดยที่ 3 ข้อแรกนั้นได้แก้ไขไปแล้วเรียบร้อยใน Part I ในตอนนี้จะเป็นตอนสุดท้ายที่ถือได้ว่าเป็นหัวใจของเรื่องนี้ นั่นก็คือการส่งค่าพิกัดให้กับ Google และนำค่าที่ได้มาแสดงผลผ่าน InfoWindow จึงถือเป็นการสิ้นสุดการทำงานที่ได้วางไว้ข้างต้น เริ่มส่วนที่เหลือกันเลยดีกว่า &#8230; <a href="http://www.we.in.th/google-maps-and-geocoder-services-part-2/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.we.in.th/google-maps-and-geocoder-services-part-2/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Google Maps + Geocoder Services: Part I</title>
		<link>http://www.we.in.th/google-maps-and-geocoder-services-part-1/</link>
		<comments>http://www.we.in.th/google-maps-and-geocoder-services-part-1/#comments</comments>
		<pubDate>Wed, 07 Dec 2011 06:46:40 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[Introduction]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=839</guid>
		<description><![CDATA[จากบล็อกทั้ง 2 ตอนก่อนหน้านี้ (แนะนำการใช้งาน Google Maps V3 และ การใช้ Google Maps ร่วมกับความสามารถของ HTML5) ที่แนะนำการนำเอาแผนที่ของ Google Maps เข้ามาใช้ในเว็บไซต์และการหาตำแหน่งผู้ใช้โดยอาศัยความสามารถใหม่ที่เพิ่มเข้ามาใน HTML5 ซึ่งเว็บไซต์ส่วนใหญ่รองรับความสามารถนี้แล้ว หลังจากพบตำแหน่งผู้ใช้เรียบร้อยแล้ว นักพัฒนาคงได้แค่เพียงแต่แหน่งพิกัดเท่านั้นซึ่งนั่นค่อนข้างยากหากต้องการพัฒนาแอพพลิเคชั่นที่จะส่งข้อมูลที่เกี่ยวข้องกับผู้ใช้ (หรือคิดว่าน่าจะมีประโยชน์กับผู้ใช้) โดยอาศัยตำแหน่งของผู้ใช้เป็นสำคัญ ดังนั้นที่เราต้องการหลังจากได้พิกัดตำแหน่งของผู้ใช้มาเรียบร้อยแล้ว ก็คงต้องสร้างฐานข้อมูลขนาดใหญ่ที่เก็บพิกัดตำแหน่งต่างๆ แล้วเชื่อมโยงไม่ยังชื่อสถานที่ที่ต้องการ ในกรุงเทพหรือต่างจังหวัดและขยายไปทั้งประเทศ แต่โชคดีหน่อยที่เราไม่ต้องทำแบบบที่ว่านั้นเองทั้งหมด เพราะ Google Maps มีฟังก์ชั่นที่ช่วยให้เราแปลงพิกัดตำแหน่งละติจูด (Latitude) และลองติจูด (Longitude) ให้กลับเป็นข้อมูลที่อยู่ในรูปแบบที่มนุษย์อ่านได้ซึ่งบริการนี้เป็นส่วนหนึ่งของ Google Maps Services ซึ่งเรียกว่า &#8230; <a href="http://www.we.in.th/google-maps-and-geocoder-services-part-1/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.we.in.th/google-maps-and-geocoder-services-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Maps V3 + HTML5</title>
		<link>http://www.we.in.th/google-maps-v3-html5/</link>
		<comments>http://www.we.in.th/google-maps-v3-html5/#comments</comments>
		<pubDate>Fri, 05 Aug 2011 09:06:05 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Update]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=809</guid>
		<description><![CDATA[จากบล็อคก่อนหน้านี้ที่แนะนำการใช้งาน Google Maps V3 ให้ลองไปใช้ดูกันแล้วนั้น อย่างหนึ่งที่ไม่ชอบก็คือตำแหน่งเริ่มต้นนั้นมันตายตัวไปหน่อย คือกำหนดแล้วฝังเข้าไปในโค้ด JavaScript เลย แล้วถ้าเราต้องการทำเว็บแอพพลิเคชั่น (เพื่อให้มันสั้นลงต่อไปจะเรียก &#8216;แอพ&#8217; หรือ &#8216;app&#8217;) ที่คำนึงถึงตำแหน่งผู้ใช้เป็นสำคัญ เช่น ตำแหน่งร้านอาหารที่น่าสนใจใกล้เคียงนั้นๆ หรือ ร้านค้าลดราคาใกล้ๆ เป็นต้น ดังนั้นอย่างแรกที่จำเป็นก็คือตำแหน่งที่เราอยู่ปัจจุบัน เพื่อนำมาข้อมูลที่เกี่ยวข้องมาแสดงผล ซึ่งในตัวอย่างที่จะทำนี้เป็นการพัฒนาต่อจากบล็อคก่อนหน้านี้ดังนั้นก็ให้ดาวน์โหลดไฟล์ maps-demo.html.zip มาไว้ที่เครื่องก่อนเพื่อเตรียมตัวแก้ไข ซึ่งด้านในมีโค้ดด้านล่างนี้ (ดูตัวอย่างการแสดงผล) &#60;!DOCTYPE html&#62; &#60;html&#62; &#60;head&#62; &#60;title&#62;Google Maps V3 Demostrate&#60;/title&#62; &#60;script src="http://maps.googleapis.com/maps/api/js?sensor=true"&#62;&#60;/script&#62; &#60;script&#62; function initWithMapStart() &#8230; <a href="http://www.we.in.th/google-maps-v3-html5/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.we.in.th/google-maps-v3-html5/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Google Maps V3 Introduction</title>
		<link>http://www.we.in.th/google-maps-v3-introduction/</link>
		<comments>http://www.we.in.th/google-maps-v3-introduction/#comments</comments>
		<pubDate>Wed, 03 Aug 2011 13:56:33 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[Introduction]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Update]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=744</guid>
		<description><![CDATA[ก่อนหน้านี้เคยเขียนวิธีการนำเอา Google Maps มาใช้งานกับเว็บไซต์ด้วยกัน 2 ตอน (1, 2) ตอนที่เขียนไปนั้น Google Maps เวอร์ชั่น 2.x ปัจจุบันอยู่ในสถานะ deprecated หรืออยู่ระหว่างการเลิกใช้งานนั้นเอง โดยตอนนี้ Google Maps เองก็พยายามเข็ญให้นักพัฒนาขยับไปใช้ Google Maps เวอร์ชั่นปัจจุบันคือเวอร์ชั่น 3 หรือเรียกสั้นๆ ว่า V3 ซึ่งการเรียกใช้งานนั้นง่ายกว่าเวอร์ชั่นเก่ามาก อย่างแรกที่เห็นได้ชัดคือเราไม่จำเป็นต้องสมัครเพื่อขอ API Key สำหรับใช้ดาวน์โหลด Google Maps Library อีกต่อไปแล้ว และการกำหนดค่าทั้งหมดใช้การกำหนดค่าผ่าน Object ที่เข้าใจได้ง่ายกว่าเวอร์ชั่นเก่ามาก เริ่มต้นด้วย &#8230; <a href="http://www.we.in.th/google-maps-v3-introduction/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.we.in.th/google-maps-v3-introduction/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Google Maps :: แสดงผลข้อมูลการจราจรได้แล้ว</title>
		<link>http://www.we.in.th/google-maps-no-more-jam/</link>
		<comments>http://www.we.in.th/google-maps-no-more-jam/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 02:56:25 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[News and Update]]></category>
		<category><![CDATA[Update]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Traffic]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=239</guid>
		<description><![CDATA[เป็นเรื่องดีไม่น้อยเลยครับ [สำหรับคนหลงทางบ่อยๆ แบบผม] เมื่อ Google Maps สามารถแสดงข้อมูลการจราจรของไทยได้แล้วไม่เพียงแค่เส้นทางการเดินทางนะครับ แต่เป็นข้อมูลการขนส่งด้วย เช่น จะขึ้นรถเมล์สายอะไร จากตรงไหน ใช้เวลาเท่าไหร่ และเวลาโดยประมาณที่จะถึงจุดหมายปลายทาง จากตัวอย่างด้านบน[คลิ๊กที่รูปภาพเพื่อดูของจริง] เป็นตัวอย่างที่ผมลองหาเส้นทางจาก จากอนุเสาวรีย์ชัยสมรภูมิ ไปยังมหาวิทยาลัยธรรมศาสตร์ ท่าพระจันทร์ ก็ได้ผลอย่างที่เห็นครับ นอกจากการเดินทางด้วยรถแล้ว ถ้าสังเกตุดีๆ จะเห็นข้อมูลเส้นทางเรือในแม่น้ำเจ้าพระยาด้วย จากที่ลองค้นดูอีเมล์ที่ Google แจ้งการปรับปรุงให้ทราบเรื่อยๆ [แต่ไม่ได้สนใจ] ก็พบว่าข้อมูลการจราจร[GTrafficOverlay] เพิ่มเข้ามาตั้งแต่เวอร์ชั่น 2.81 ครับ [ปัจจุบันเวอร์ชั่น 2.170 อัพเดตวันที่ 6 สิงหาคม 2552] Google Maps: http://maps.google.co.th Issue Tracker: http://code.google.com/p/gmaps-api-issues/wiki/JavascriptMapsAPIChangelog]]></description>
		<wfw:commentRss>http://www.we.in.th/google-maps-no-more-jam/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Introduce to Google Maps :: ยังไม่ได้หาย</title>
		<link>http://www.we.in.th/introduce-to-google-maps-not-stop-yet/</link>
		<comments>http://www.we.in.th/introduce-to-google-maps-not-stop-yet/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 01:41:46 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=212</guid>
		<description><![CDATA[ช่วงนี้ไม่ได้เขียนเกี่ยวกับ Google Maps นานครับ ก็ด้วยเหตุสำคัญๆ อยู่ 2 เรื่อง อย่างแรกก็คือ Google Maps API Version 3 (V3) กำลังจะออกมาเป็นเวอร์ชั่นสมบูรณ์แล้ว [ขณะนี้อยู่ในช่วง beta] ซึ่งจะเปลี่ยนวิธีการเขียน script เยอะทีเดียว แต่เปลี่ยนไปในทางดีขึ้น และอีกอย่างิธีการพัฒนาในเวอร์ชั่นปัจจุบัน (V2) นั้นยังหาได้ตามเว็บไซต์ทั่วไปครับ เลยขอข้ามไปเขียน V3 เลยดีกว่า ตอนนี้งานค่อนข้างยุ่งนิดหน่อย เรียกว่าหัวไม่ได้ว่างหางไม่ได้เว้นกันเลยทีเดียว ที่เขียนดองๆ ไว้ก็มีบ้าง แต่ยังไม่ถูกใจเท่าไหร่นัก เลยคิดว่าปล่อยออกมาตอน V3 ออกอย่างเป็นทางการจะดีกว่าครับ แต่เรื่องที่อาจจะนำมาเขียนในตอนถัดๆ ไปก็น่าจะเป็น Objective-C ครับ &#8230; <a href="http://www.we.in.th/introduce-to-google-maps-not-stop-yet/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.we.in.th/introduce-to-google-maps-not-stop-yet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introduce to Google Maps :: เตรียมพร้อมก่อนลุย</title>
		<link>http://www.we.in.th/introduce-to-google-maps-prepare/</link>
		<comments>http://www.we.in.th/introduce-to-google-maps-prepare/#comments</comments>
		<pubDate>Mon, 25 May 2009 23:12:52 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[Introduction]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=81</guid>
		<description><![CDATA[จาก blog ตอนที่แล้วพูดถึงวิธีเอา Google Maps มาใช้แบบง่ายๆ ให้เป็นเป็นตัวอย่างกันไปแล้ว ตอนนี้ก็อย่างที่ทิ้งท้ายไว้คราวก่อนที่ว่าจะเอาวิธิการกำหนดค่าต่างๆ เพื่อบอกให้กูเกิ้ลส่งข้อมูลที่พร้อมใช้งานให้เราได้มากที่สุด หลังจากเราสมัครของ key เพื่อใช้ดึงข้อมูลจาก Google Maps เลื่อนลงมาด้านล่างจะเห็นตัวอย่างการดึงโค้ดไปใช้งาน ทั้ง JavaScript, Flash และ HTTP Services &#60;script src="http://maps.google.com/maps?file=api&#38;amp;v=2&#38;amp;sensor=true_or_false&#38;amp;key=ABCDEF" type="text/javascript"&#62;&#60;/script&#62; วิธีเรียกใช้งานแบบ JavaScript โดยที่ ABCDEF คือ key ที่กูเกิ้ลให้มา ถ้าลองเปรียบเทียบตัวอย่างด้านบน และตัวอย่างจาก blog ตอนที่แล้ว จะเห็นได้ว่าโค้ดที่กูเกิ้ลให้มา มี parameters ตัวหนึ่งที่ผมได้ตัดออกไป นั่นคือ &#8230; <a href="http://www.we.in.th/introduce-to-google-maps-prepare/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.we.in.th/introduce-to-google-maps-prepare/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Introduce to Google Maps :: ภาคปฐมบท</title>
		<link>http://www.we.in.th/introduction-to-google-maps-intro/</link>
		<comments>http://www.we.in.th/introduction-to-google-maps-intro/#comments</comments>
		<pubDate>Sun, 24 May 2009 07:54:44 +0000</pubDate>
		<dc:creator>sitdh</dc:creator>
				<category><![CDATA[Introduction]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.we.in.th/?p=35</guid>
		<description><![CDATA[Google Maps เป็นบริการหนึ่งของกูเกิ้ลที่ถึอว่าน่าสนใจ และสามารถนำมาใช้ประโยชน์อย่างเห็นได้ชัดบริการหนึ่งทีเดียว และสามารถนำมาประยุกต์ใช้ได้หลายอย่าง ยกตัวอย่างการใช้งานในบ้านเราเอง อย่างเช่น ใช้ลงประกาศ Event ต่างๆ หรือรายงานสภาพการจราจร ซึ่งนี่ก็เป็นที่เห็นได้ใช้สำหรับการเอา Google Maps มาใช้งาน ในตอนนี้ก็จะขอพูดถึงวิธีการดึงเอาข้อมูลแผนที่จาก Google Maps มาใช้งานกับ ส่วนเรื่อง traffic ไม่ต้องเป็นกังวลครับ เพราะกูเกิ้ลอนุญาตให้เรียกใช้ได้ถึง 500,00 page view ต่อวัน ซึ่งก็เป็นจำนวนที่มากจนเหลือเฟือครับ แต่ถ้าต้องการมากกว่านั้น ก็สามารถส่งอีเมล์ไปขอเพิ่มกับกูเกิ้ลได้ครับ วิธีดึงข้อมูลแผนที่มาใช้ผ่าน Maps API จะมี 2 วิธีด้วยกัน คือ JavaScript และ Flash &#8230; <a href="http://www.we.in.th/introduction-to-google-maps-intro/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.we.in.th/introduction-to-google-maps-intro/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

