<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Googib&#039;s Blog GoogleMap &#38; Excel Step by Step</title>
	<atom:link href="http://googib.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://googib.wordpress.com</link>
	<description>GoogleMap,Google,Map,GoogleMapAPI,Mapapi,excel 2003</description>
	<lastBuildDate>Wed, 22 Jul 2009 01:39:43 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='googib.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Googib&#039;s Blog GoogleMap &#38; Excel Step by Step</title>
		<link>http://googib.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://googib.wordpress.com/osd.xml" title="Googib&#039;s Blog GoogleMap &#38; Excel Step by Step" />
	<atom:link rel='hub' href='http://googib.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Microsoft Excel มันคืออะไร?</title>
		<link>http://googib.wordpress.com/2009/07/20/excel-%e0%b8%a1%e0%b8%b1%e0%b8%99%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/</link>
		<comments>http://googib.wordpress.com/2009/07/20/excel-%e0%b8%a1%e0%b8%b1%e0%b8%99%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 07:07:17 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[พื้นฐาน]]></category>
		<category><![CDATA[File New]]></category>
		<category><![CDATA[Microsoft Excel]]></category>
		<category><![CDATA[Microsoft Office 2000]]></category>
		<category><![CDATA[Microsoft Office 3.0]]></category>
		<category><![CDATA[Microsoft Office 4.0]]></category>
		<category><![CDATA[Microsoft Office 4.3]]></category>
		<category><![CDATA[Microsoft Office 95]]></category>
		<category><![CDATA[Microsoft Office 97]]></category>
		<category><![CDATA[Microsoft Office XP]]></category>
		<category><![CDATA[Office 10.0]]></category>
		<category><![CDATA[Office 2002]]></category>
		<category><![CDATA[Office Clipboard]]></category>
		<category><![CDATA[Web Queries]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=135</guid>
		<description><![CDATA[Excel ลองไปอ่านๆ ดู มันแปลว่า ดีกว่า เยี่ยม  ประมาณนั้นนะครับ แต่ผมก็ไม่ได้อยากรุความหมายมันเท่ไหร่นะครับ แต่อยากรุว่ามันทำงานไรได้บ้างต่างหาก ซึ่งแน่นอนครับ ทุกคนรู้ดีว่าเจ้าตัว Excel เนียะมันทำงานเกี่ยวกับการคำนวนแน่ ครับ งานเอกสารก็ทำได้นะครับ เท่าที่ผมทำ ผมจะติด Excel มากกว่า เว็บนี้เค้าแปลได้ สุดยอดจริงๆครับ  เปะๆ http://mfatix.com/home/node/104 โปรแกรม Microsoft Excel เป็นโปรแกรมสำหรับงานเกี่ยวกับการคำนวณตัวเลข การวิเคราะห์ข้อมูล การจัดเก็บบันทึกข้อมูลของตาราง การสร้างกราฟ วิเคราะห์ข้อมูล ตลอดจนพัฒนาให้เป็นระบบงานที่มีขีดความสามารถสูง มีการวิเคราะห์ข้อมูลและพัฒนาระบบข้อมูล ได้อย่างมีประสิทธิภาพ ตลอดจนการปรับเปลี่ยนความสามารถเพื่อให้เหมาะสมกับความต้องการได้เป็นอย่างดี หรือปฏิบัติงานเกี่ยวกับธุรกิจอื่นๆ ได้โดยใช้เวลาเพียงนิดเดียวเท่านั้น เมื่อเทียบกับเวลาที่คุณใช้เครื่องมือแค่ปากกากับกระดาษและ ในโปรแกรม Microsoft Excel นั้น คุณสามารถใช้ทั้งแผนภูมิและแผนผังลำดับงานเพื่ออธิบายแนวคิดที่สลับซับซ้อน สร้างแรงจูงใจให้กับนักศึกษา ทบทวนความคืบหน้าของงาน และหารือเรื่องที่ค้างคาอย่างมีชีวิตชีวามีฟังก์ชันสำหรับการคำนวณและเทคนนิคมากขึ้นซึ่งสามารถนำมาประยุกต์และวิเคราะห์กับการทำงานให้เกิดความสะดวก และรวดเร็ว โปรแกรมทางด้าน Spreadsheet มีทั้งบนระบบปฏิบัติการ DOS และ Windows สำหรับ Spreadsheet [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=135&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><img class="aligncenter" src="http://i19.tinypic.com/6yulr3l.jpg" alt="" width="468" height="365" /></p>
<p><strong><span style="color:#339966;">Excel <span style="color:#000000;">ลองไปอ่านๆ ดู มันแปลว่า ดีกว่า เยี่ยม  ประมาณนั้นนะครับ แต่ผมก็ไม่ได้อยากรุความหมายมันเท่ไหร่นะครับ แต่อยากรุว่ามันทำงานไรได้บ้างต่างหาก</span> ซึ่งแน่นอนครับ ทุกคนรู้ดีว่าเจ้าตัว Excel เนียะมันทำงานเกี่ยวกับการคำนวนแน่ ครับ งานเอกสารก็ทำได้นะครับ เท่าที่ผมทำ ผมจะติด Excel มากกว่า </span></strong></p>
<p><span style="color:#ff9900;">เว็บนี้เค้าแปลได้ สุดยอดจริงๆครับ  เปะๆ <a href="http://mfatix.com/home/node/104">http://mfatix.com/home/node/104</a></span></p>
<p>โปรแกรม <strong>Microsoft Excel</strong> เป็นโปรแกรมสำหรับงานเกี่ยวกับการคำนวณตัวเลข การวิเคราะห์ข้อมูล การจัดเก็บบันทึกข้อมูลของตาราง การสร้างกราฟ วิเคราะห์ข้อมูล ตลอดจนพัฒนาให้เป็นระบบงานที่มีขีดความสามารถสูง มีการวิเคราะห์ข้อมูลและพัฒนาระบบข้อมูล ได้อย่างมีประสิทธิภาพ ตลอดจนการปรับเปลี่ยนความสามารถเพื่อให้เหมาะสมกับความต้องการได้เป็นอย่างดี หรือปฏิบัติงานเกี่ยวกับธุรกิจอื่นๆ ได้โดยใช้เวลาเพียงนิดเดียวเท่านั้น เมื่อเทียบกับเวลาที่คุณใช้เครื่องมือแค่ปากกากับกระดาษและ ในโปรแกรม <strong>Microsoft Excel </strong>นั้น คุณสามารถใช้ทั้งแผนภูมิและแผนผังลำดับงานเพื่ออธิบายแนวคิดที่สลับซับซ้อน สร้างแรงจูงใจให้กับนักศึกษา ทบทวนความคืบหน้าของงาน และหารือเรื่องที่ค้างคาอย่างมีชีวิตชีวามีฟังก์ชันสำหรับการคำนวณและเทคนนิคมากขึ้นซึ่งสามารถนำมาประยุกต์และวิเคราะห์กับการทำงานให้เกิดความสะดวก และรวดเร็ว<span id="more-135"></span></p>
<p>โปรแกรมทางด้าน Spreadsheet มีทั้งบนระบบปฏิบัติการ DOS และ Windows สำหรับ Spreadsheet บนระบบปฏิบัติการ Windows ได้มีการเพิ่มการเชื่อมโยงข้อมูลแบบ OLE ( Object Link Embedding ) เครื่องมือ ( Tools ) ที่ช่วยการทำงานให้ง่ายยิ่งขึ้น Graphic ในการจัดรูปแบบของ Spreadsheet ที่หลากหลาย นอกจากนี้การใช้ Spreadsheet ขั้นสูงได้มีการประยุกต์ระบบงานที่มีความซับซ้อนเน้นการแนะนำเทคนิคเพื่อเป็นแนวทางในการใช้โปรแกรม Spreadsheet เช่น การเขียนมาโคร ( Macro ) เพื่อควบคุมการทำงาน การสร้างและกำหนด Toolbar ขึ้นมาใช้เอง</p>
<p><span style="color:#339966;">ยกมาพองามนะครับ เยอะไปเดวเขาว่าให้ครับ 555 อย่างที่รู้กันนะครับว่า Microsoft Excel จะเป็นโปรแรกมหนึงที่ติดมากับ <a style="text-decoration:none;color:#002bb8;background-image:none;background-repeat:initial;background-attachment:initial;background-color:initial;" title="Microsoft Office 3.0" href="http://en.wikipedia.org/wiki/Microsoft_Office_3.0">Microsoft Office</a> ซึ่ง จากที่ลอง อ่านๆดูแล้ว <a style="text-decoration:none;color:#002bb8;background-image:none;background-repeat:initial;background-attachment:initial;background-color:initial;" title="Microsoft Office 3.0" href="http://en.wikipedia.org/wiki/Microsoft_Office_3.0">Microsoft Office</a> ที่ออกมา จนถึงวันนี้ ก็มีประมาณ 10 version ครับ</span></p>
<ul style="line-height:1.5em;list-style-type:square;list-style-image:url('http://en.wikipedia.org/skins-1.5/monobook/bullet.gif');margin:.3em 0 .5em 1.5em;padding:0;">
<li><strong><span style="color:#008000;">Microsoft Office 3.0</span></strong> version นี้ เป็น version แรกที่นำมาใช้ใน <a style="text-decoration:none;color:#002bb8;background-image:none;background-repeat:initial;background-attachment:initial;background-color:initial;background-position:initial initial;" title="Microsoft Windows" href="http://en.wikipedia.org/wiki/Microsoft_Windows">Microsoft Windows</a> operating ครับ Version นี้ก็จะมี Word 2.0c, <strong>Excel 4.0a</strong>, PowerPoint 3.0 ,Mail version ซึ่ง version จะแยก components ออกจากกัน และแจกให้ผู้ใช้ได้ใช้งานกัน  แต่ตอนหลังก็เอามารวมกัน และ ตั้งชื่อ <strong><a style="text-decoration:none;color:black;background-color:transparent;" href="http://dict.longdo.com/search/search/prepackage">prepackage</a> ว่า </strong><strong><span style="color:#ff0000;">Office 92</span></strong> อยากเห็นรูป จริงๆครับ</li>
<li><strong><span style="color:#008000;">Microsoft Office 4.0</span></strong> Versionนี้ เปิดตัวในปี  1994 โดยจะมี  Word 6.0,<strong> Excel 5.0</strong>, PowerPoint 4.0, Mail,  Access</li>
<li><strong><span style="color:#008000;">Microsoft Office 4.3</span></strong> Version นี้เป็นVersion 16bit Version สุดท้ายครับ เจ้าตัวนี้มันจะ support <a style="text-decoration:none;color:#002bb8;background-image:none;background-repeat:initial;background-attachment:initial;background-color:initial;background-position:initial initial;" title="Windows 3.1x" href="http://en.wikipedia.org/wiki/Windows_3.1x">Windows 3.x</a>, <a style="text-decoration:none;color:#002bb8;background-image:none;background-repeat:initial;background-attachment:initial;background-color:initial;background-position:initial initial;" title="Windows NT 3.1" href="http://en.wikipedia.org/wiki/Windows_NT_3.1">Windows NT 3.1</a> and <a style="text-decoration:none;color:#002bb8;background-image:none;background-repeat:initial;background-attachment:initial;background-color:initial;background-position:initial initial;" title="Windows NT 3.5" href="http://en.wikipedia.org/wiki/Windows_NT_3.5">Windows NT 3.5</a> เท่านั้นครับ</li>
<li>
<h1><strong><span style="color:#008000;">Microsoft Office 95</span></strong></h1>
<p><img style="border-width:0;" src="http://upload.wikimedia.org/wikipedia/en/f/fb/Office_95_Pro.jpg" alt="" width="155" height="177" /><br />
เป็น version 32bit ที่สมบูรณ์ที่สุด และมีประสิทธิภาพดี กว่า Office ทั้ง 3 version ที่ผ่านมา เห็นเขาว่างั้นนะครับ สามารถใช้งาน บน Windows 95  Office 95 แบ่งออกเป็น 3 ชุดโปรแกรม คือ</p>
<p style="text-align:center;"><img class="alignnone size-full wp-image-146" title="untitled" src="http://googib.files.wordpress.com/2009/07/untitled.jpg?w=433&#038;h=289" alt="untitled" width="433" height="289" /></p>
</li>
</ul>
<ul style="line-height:1.5em;list-style-type:square;list-style-image:url('http://en.wikipedia.org/skins-1.5/monobook/bullet.gif');margin:.3em 0 .5em 1.5em;padding:0;">
<li>
<h1><strong><span style="color:#008000;">Microsoft Office 97</span></strong></h1>
<p><img class="alignnone size-full wp-image-147" title="180px-Microsoft_Office_97_Professional_Box_Art" src="http://googib.files.wordpress.com/2009/07/180px-microsoft_office_97_professional_box_art.jpg?w=180&#038;h=180" alt="180px-Microsoft_Office_97_Professional_Box_Art" width="180" height="180" /><br />
ออกวางจำหน่ายในปี 1997 โดยแบ่งเป็น editions โดยมีอยู่ 4 editions คือ <img class="alignnone size-full wp-image-148" title="t1" src="http://googib.files.wordpress.com/2009/07/t1.jpg?w=700&#038;h=361" alt="t1" width="700" height="361" /></li>
<li>
<h1><strong><span style="color:#008000;">Microsoft Office 2000</span></strong></h1>
<p><img class="alignnone size-full wp-image-150" title="OFFICE2000" src="http://googib.files.wordpress.com/2009/07/office2000.jpg?w=219&#038;h=87" alt="OFFICE2000" width="219" height="87" /></li>
<li> Office2000 คล้ายกับ office97 แต่จะอุดช่องว่างปัญหา Y2K เข้ามา และเพื่อให้ เข้ากับการใช้งานบน window 2000 ด้วย office97 ตั้งใจให้เป็น office 32 bit ที่สมบูรณ์ที่สุด โดยแบ่งออกเป็น 5 ชุดโปรแกรม คือ<img class="alignnone size-full wp-image-151" title="u1" src="http://googib.files.wordpress.com/2009/07/u1.jpg?w=700&#038;h=269" alt="u1" width="700" height="269" /></li>
<li>
<h1><strong><span style="color:#008000;">Microsoft Office XP</span></strong><span style="color:#008000;"> (Office 10.0 หรือ Office 2002)</span></h1>
<h1><span style="color:#008000;"> </span></h1>
<p><span style="color:#008000;"><span style="color:#000000;"> </span></span></li>
</ul>
<p style="line-height:1.5em;margin:.4em 0 .5em;"><strong><span style="font-weight:normal;"><strong><span style="font-weight:normal;"> </span></strong></span></strong></p>
<p style="line-height:1.5em;margin:.4em 0 .5em;"><strong><span style="font-weight:normal;"><strong><span style="font-weight:normal;"><img class="alignnone" src="http://upload.wikimedia.org/wikipedia/en/thumb/6/65/OFFICEXP.png/200px-OFFICEXP.png" alt="" width="200" height="52" /></span></strong></span></strong></p>
<p style="line-height:1.5em;margin:.4em 0 .5em;"><strong><span style="font-weight:normal;"><strong><span style="font-weight:normal;"><img class="alignnone" src="http://upload.wikimedia.org/wikipedia/en/thumb/1/1a/Officexp_screenshot.PNG/270px-Officexp_screenshot.PNG" alt="" width="270" height="186" /></span></strong></span></strong></p>
<p align="left">Versionนี้ ได้เพิ่มความสามารถด้วยฟีเจอร์ ความสามารถทางด้านยูทิลิตี้และหน้าต่างใหม่ โดยทางไมโครซอฟต์ได้พัฒนาจาก Microsoft Office2000 มาเป็น OfficeXP</p>
<p align="left">ทีมงานที่พัฒนาชุด Office ได้เริ่มวางแผนและพัฒนา Microsoft Office XP มีหลายจุดที่ได้เพิ่มชุดฟีเจอร์และเครื่องมือสำหรับผู้ใช้งาน โดยแบ่งผู้ใช้งานออกเป็น 3 ประเภทคือ</p>
<p align="left">ใช้ งานส่วนตัว ไม่ว่าจะเป็นการใช้งานส่วนตัว คุณก็สามารถใช้งานชุดออฟฟิศที่มีแอพพลิเคชันที่จำเป็น โดย Office XP จะช่วยให้คุณสามารถควบคุมการทำงานได้สะดวก และการเข้าถึงข้อมูลไม่ว่าจะอยู่ในรูปแบบเว็บเพจหรือออฟฟิศ แอพพลิเคชันได้ง่ายขึ้น</p>
<p align="left">การทำงาน แบบทีม ปัจจุบันการทำงานในแบบเป็นทีมนั้นได้รับความนิยมกันอย่างกว้างขวาง โดยการทำงานจะประกอบด้วยคน ๆ เดียวกับแต่มีเอกสารมากมาย หรือกับผู้อื่น ซึ่งจะอยู่ในรูปแบบของโปรเจ็กต์ โปรแกรม Office XP เองมีฟีเจอร์ที่ประกอบไปด้วยเครื่องมือที่ง่ายต่อการแชร์ข้อมูลและการทำงาน ร่วมกันได้<br />
เป็นอย่างดี</p>
<p align="left">การ ใช้งานในองค์กร ก็จะขึ้นอยู่กับรูปแบบของขนาดขององค์กรในการใช้งาน ด้วย With Office XP สามารถนำไปใช้งานและจัดการได้กับองค์กรทุกรูปแบบ ไปจนถึงในระดับแพลตฟอร์มระดับใหญ่ ๆ ในตัวโปรแกรมOffice XP มีเครื่องมือที่ช่วยคุณทำงาน เพิ่มความสามารถในการนำไปใช้งาน เหมาะสำหรับผู้ที่มีหน้าที่ดูแลระบบ ผู้บริการ ผู้นำไปใช้งาน การนำไปใช้งานร่วมกับธุรกิจของคุณ</p>
<p align="left">ฟีเจอร์ใหม่ที่มีการปรับปรุง มีดังนี้ครับ</p>
<ul>
<li>
<p align="left">File New การสร้าง ไฟล์ใหม่หรือ การเปิดที่ไฟล์ที่ง่ายกว่าเดิม ไม่เพียงแต่ให้ผู้ใช้งานทำการเปิดได้อย่างรวดเร็วผ่านทางหน้าต่าง ทาสก์ แต่ก็ยังสามารถสร้างเอกสารใหม่ขึ้นมาจากเท็มเพลตสด ๆ จากเว็บได้ด้วย การสร้างเอกสารใหม่จากเอกสารอื่น ๆ หรือจากเท็มเพลต เอกสารนิยมใช้งานกันมากที่สุด</p>
</li>
<li>
<p align="left">Office Clipboard เป็นการเพิ่มความสามารถของคลิปบอร์ดที่สามารถจะก๊อบปี้ข้อมูลได้มากกว่า 24 ชิ้น แต่สามารถใช้งานผ่านแอพพลิเคชันอื่น ๆ ไ ด้ หรือบนเว็บ และตลอดจนการจัดเก็บลงไปไว้ในแถบ Task ซึ่งจะแสดงค่าข้อมูลที่ก๊อบปี้เป็นแบบเวอร์ชวลและเป็นข้อความแบบง่าย ๆ เพื่อให้ง่ายต่อการทำงานในแบบทีมและการส่งต่อไปยังเอกสารอื่น ๆ</p>
</li>
<li>
<p align="left">Office Assistant ปกติส่วนของ Office Assistant จะถูกซ่อนเอาไว้ ซึ่งจะปรากฏก็ต่อเมื่อมีการเรียกใช้งาน Help และถูกซ่อนเมื่อ Help ถูกใช้งานเสร็จสิ้น</p>
</li>
<li>
<p align="left">เพิ่ม ความสามารถในหน้าต่าง Help โดยการเพิ่มอินเตอร์เฟสในการใช้งานของผู้ใช้งานให้ง่ายต่อการเรียกใช้งาน ไม่ว่าจะเป็น help หรือ เว็บไซท์ (เช่น Product Support Services และ Office Update) แค็ตตาล็อกWhat&#8217;s New เพื่อให้เรียนรู้เกี่ยวกับฟังก์ชันของในแต่ละแอพพลิเคชัน</p>
</li>
</ul>
<ul>
<li>
<p align="left">Web Queries ในโปรแกรม Excel ผู้ใช้งานสามารถเข้าใช้งาน ตลอดจนการวิเคราะห์ และแสดงข้อมูลแบบทันทีทันใดจากเว็บเพจได้สะดวก เมื่อข้อมูลจากเว็บมีการก๊อบปี้มาไว้ในโปรแกรม Excel โดย Smart Tag จะปรากฏขึ้นเพื่อช่วยให้คุณเลือกออปชันสร้างการรีเฟรซแบบคิว โดยผู้ใช้งานสามารถทำการอัพเดทข้อมูลได้โดยอัตโนมัติโดยการกดปุ่ม refresh หรือจะกำหนดในการแสดงข้อมูล Excel แสดงรีเฟรซเองโดยอัตโนมัติ ซึ่งผู้ใช้งานสามารถสร้าง Web Queries โดยการลากและวาง Web page ลงไปในโปรแกรม Excel</p>
</li>
<li>
<p align="left">การ พิมพ์ผ่านเบราเซอร์ ผู้ใช้งานสามารถพิมพ์ไฟล์ HTML จากแอพพลิเคชัน Office ต้นฉบับที่สร้างขึ้น แต่ถ้าผู้ใช้งานเลือกการพิมพ์ในแบบไฟล์ Office HTML โปรแกรม Internet Explorer จะไปเรียกแอพพลิเคชันนั้น ๆ ขึ้นมาทันที ซึ่งคุณภาพของการพิมพ์งานออกทางเครื่องพิมพ์จะดีกว่าเวอร์ชันก่อนหน้านี้</p>
</li>
<li>
<p align="left">ความ สามารถทางด้านเว็บ โปรแกรมออฟฟิศ จะช่วยให้คุณสามารถสร้างเอกสารให้แสดงผ่านบนเว็บเพจได้อย่างสะดวก โดยแถบ Browsers ใน Web Option โดยแถบจะทำงานกับทุก ๆ บราวเวอร์ที่คุณต้องการ ผู้ใช้งานสามารถเลือกเบราเซอร์ที่ต้องการเปิด จากดรอปดาวน์เมนู และกำหนดค่าออชันในเอกสาร</p>
</li>
<li>
<p align="left">การ แทรก Hyperlink ไดอะล็อกบ็อกซ์ Insert Hyperlink จะช่วยให้คุณทำงานได้ง่ายไม่ว่าจะเชื่อมลิงค์ต่อไปยังไฟล์ในเว็บเพจ ซึ่งไดอะล็อกบ็อกซ์ดังกล่าวจะแสดงรายชื่อไฟล์และโฟลเดอร์ ในโฟลเดอร์ปัจจุบันที่เว็บเพจนั้นแสดง แต่ผู้ใช้งานก็สามารถสลับไปใช้เปิดเว็บเพจอื่นก็ได้</p>
</li>
<li>
<p align="left">การ ใส่รหัสป้องกันความปลอดภัยให้กับเอกสาร ปกติการใช้งานเอกสาร Word และ Excel มีความสามารถในการใส่รหัสในการป้องกันข้อมูล หรือโปรแกรม PowerPoint ก็จะมีให้กำหนดในการใช้งานในครั้งแรก ซึ่งแอพพลิเคชันดังกล่าว จะเลือกใช้มาตรฐานที่เรียกว่า CryptoAPI เพราะมีอัลกอริทึมที่มีความปลอดภัยในการเข้ารหัสมากกว่าชุดออฟฟิศใน<br />
เวอร์ชันก่อน</li>
<li>
<p align="left">รูป แบบการเปิดอ่านไฟล์ การบันทึกไฟล์ย้อนกลับไปยังเวอร์ชัน Office 2000 และ Office 97 (Access 97)ได้ โดยผู้ใช้งานชุดโปรแกรม Office XP, Office 2000 และ Office 97 ไม่ว่าจะใช้โปรแกรมชุดใดจะสามารถเปิดเอกสารได้เหมือนกันหมดทุกโปรแกรม</p>
<h2>ชักยาวไปเดี๋ยวมาต่อกัน บทความหน้านะครับ</h2>
<p align="left">
</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/135/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/135/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/135/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/135/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/135/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/135/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/135/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/135/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/135/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/135/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/135/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/135/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/135/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/135/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=135&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/07/20/excel-%e0%b8%a1%e0%b8%b1%e0%b8%99%e0%b8%84%e0%b8%b7%e0%b8%ad%e0%b8%ad%e0%b8%b0%e0%b9%84%e0%b8%a3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://i19.tinypic.com/6yulr3l.jpg" medium="image" />

		<media:content url="http://upload.wikimedia.org/wikipedia/en/f/fb/Office_95_Pro.jpg" medium="image" />

		<media:content url="http://googib.files.wordpress.com/2009/07/untitled.jpg" medium="image">
			<media:title type="html">untitled</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/07/180px-microsoft_office_97_professional_box_art.jpg" medium="image">
			<media:title type="html">180px-Microsoft_Office_97_Professional_Box_Art</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/07/t1.jpg" medium="image">
			<media:title type="html">t1</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/07/office2000.jpg" medium="image">
			<media:title type="html">OFFICE2000</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/07/u1.jpg" medium="image">
			<media:title type="html">u1</media:title>
		</media:content>

		<media:content url="http://upload.wikimedia.org/wikipedia/en/thumb/6/65/OFFICEXP.png/200px-OFFICEXP.png" medium="image" />

		<media:content url="http://upload.wikimedia.org/wikipedia/en/thumb/1/1a/Officexp_screenshot.PNG/270px-Officexp_screenshot.PNG" medium="image" />
	</item>
		<item>
		<title>Class GMap2 –&gt; Events</title>
		<link>http://googib.wordpress.com/2009/07/03/events/</link>
		<comments>http://googib.wordpress.com/2009/07/03/events/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 09:12:05 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[Class GMap2]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=103</guid>
		<description><![CDATA[ไม่ได้เขียนซะตั้งนาน งานเข้านิดหน่อยครับ 5555+ เกือบจะลืมหมดละครับเนียะ มาเตือนความจำกันซะหน่อย กันลืมครับ ในกลุ่มนี้จะเป็็น Event ที่เกิด ขึ้นเมื่อเรามีการกระทำใดๆกับแผนที่ของเรา เช่น การคลิ๊กเมาส์ ดับเบิ้ลคลิกจเมาส์ จะสามารถใช้ method ในกลุ่มนี้ check ได้ addmaptype รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการเพิ่มชนิดของแผนที่ Removemaptype รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการลบชนิดของแผนที่ ออกไป click รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ click ลงไปบนแผนที่ ตัวอย่างการใช้ GEvent.addListener(map, &#8216;click&#8217;, function(overlay, point) { alert(point); }); ขอบคุณภาพจาก emap.files.wordpress.com dblclick รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ Doubleclick ลงไปบนแผนที่ ตัวอย่างการใช้ GEvent.addListener(map, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=103&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://data5.blog.de/media/397/3536397_d04dd82f02_s.jpeg" alt="" width="240" height="169" /></p>
<p>ไม่ได้เขียนซะตั้งนาน งานเข้านิดหน่อยครับ 5555+</p>
<p>เกือบจะลืมหมดละครับเนียะ มาเตือนความจำกันซะหน่อย กันลืมครับ</p>
<p>ในกลุ่มนี้จะเป็็น Event ที่เกิด ขึ้นเมื่อเรามีการกระทำใดๆกับแผนที่ของเรา เช่น การคลิ๊กเมาส์ ดับเบิ้ลคลิกจเมาส์ จะสามารถใช้ method ในกลุ่มนี้ check ได้</p>
<p><strong><span style="color:#ff6600;">addmaptype<br />
</span></strong>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการเพิ่มชนิดของแผนที่<br />
<strong><span style="color:#ff6600;">Removemaptype<br />
</span></strong>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการลบชนิดของแผนที่ ออกไป<br />
<strong><span style="color:#ff6600;">click<br />
</span></strong>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ click ลงไปบนแผนที่ ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;click&#8217;, function(overlay, point)</span><br />
<span style="color:#00cccc;">{ </span><br />
<span style="color:#00cccc;">alert(point); </span><br />
<span style="color:#00cccc;">});</span></p>
<p><span style="color:#00cccc;"><img class="alignnone" src="http://emap.files.wordpress.com/2008/04/14.jpg?w=484&#038;h=303" alt="" width="484" height="303" /><br />
</span></p>
<p>ขอบคุณภาพจาก emap.files.wordpress.com</p>
<p><span style="color:#ffcc00;"><span style="color:#ff6600;"><strong>dblclick</strong></span><br />
</span>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ Doubleclick ลงไปบนแผนที่ ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;dblclick&#8217;, function(){ });</span></p>
<p><strong><span style="color:#ff6600;">movestart</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อแผนที่มีการถูก Move ไปในตำแหน่งอื่น Event นี้จะเกิดขึ้นเมื่อมี Move แผนที่ครั้งแรกเท่านั้น ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;movestart&#8217;, function(){ });<br />
</span><span id="more-103"></span><br />
<span style="color:#ff6600;"><strong>move</strong></span><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อแผนที่มีการถูก Move ไปในตำแหน่งอื่น Event นี้จะเกิดทุกครั้งที่มีการ Move แผนที่ ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;move&#8217;, function(){ });</span></p>
<p><strong><span style="color:#ff6600;">moveend<br />
</span></strong>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อ มีการเปลี่ยนรูปแบบการแสดงแผนที่ ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;moveend&#8217;, function( ){ });</span></p>
<p><strong><span style="color:#ff6600;">zoomend</span><br />
</strong>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ Zoom แผนที่ ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;zoomend&#8217;, function( ){ });<br />
</span><br />
<strong><span style="color:#ff6600;">infowindowopen</span></strong></p>
<p><img class="alignnone" src="http://farm1.static.flickr.com/114/268064124_5c6d15108c.jpg" alt="" width="254" height="219" /></p>
<p><strong><span style="color:#ff6600;"> </span></strong>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการเปิด info window ขึ้นมา ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;infowindowopen&#8217;, function(){ });</span></p>
<p><strong><span style="color:#ff6600;">infowindowbeforeclose</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเก่อนที่จะมีการปิด info window ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;infowindowbeforeclose&#8217;, function(){ });</span></p>
<p><strong><span style="color:#ff6600;">infowindowclose</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการปิด info window ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;infowindowclose&#8217;, function(){ });</span></p>
<p><strong><span style="color:#ff6600;">addoverlay</span></strong></p>
<p><img class="alignnone" src="http://svnpg.net/gmap/gmap.php?location=berkeley&amp;markers=berkeley,emeryville&amp;zoom=11" alt="" width="400" height="400" /></p>
<p>รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการเพิ่มจุดลงบนแผนที่ ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;addoverlay&#8217;, function(overlay){ });</span></p>
<p><strong><span style="color:#ff6600;">removeoverlay</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการลบจุดที่เรามีบนแผนที่ออก ตัวอย่างการใช้<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;removeoverlay&#8217;, function(overlay){ });</span></p>
<p><strong><span style="color:#ff6600;">clearoverlays</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการ clear จุดทั้งหมดบนแผนที่ ตัวอย่างการใช้งาน<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;clearoverlays&#8217;, function(){ });</span></p>
<p><strong><span style="color:#ff6600;">mouseover</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการเอา mouse มาวางอยู่บนแผนที่ ตัวอย่างการใช้งาน<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;mouseover&#8217;, function(latlng){ });</span></p>
<p><strong><span style="color:#ff6600;">mouseout</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อมีการเอา mouse ออกจากแผนที่ ตัวอย่างการใช้งาน<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;mouseout&#8217;, function(latlng){ });</span></p>
<p><img class="alignnone" src="http://svnpg.net/gmap/gmap.php?location=berkeley&amp;markers=berkeley,emeryville&amp;zoom=11" alt="" width="400" height="400" /></p>
<p><span style="color:#ff6600;"><strong>dragstart</strong></span><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อเรา Dragmouse เพื่อทำการลากแผนที่ในครั้งแรกเท่านั้น ตัวอย่างการใช้งาน<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;dragstart&#8217;, function(latlng){ });</span></p>
<p><strong><span style="color:#ff6600;">drag</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อเรา Dragmouse เพื่อทำการลากแผนที่ทุกดรั้ง ตัวอย่างการใช้งาน<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;drag&#8217;, function(latlng){ });</span></p>
<p><strong><span style="color:#ff6600;">dragend</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นเมื่อเราหยุด ลากแผนที่ ตัวอย่างการใช้งาน<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;dragend&#8217;, function(latlng){ });</span></p>
<p><strong><span style="color:#ff6600;">load</span></strong><br />
รายละเอียด:: เป็น Events ที่เกิดขึ้นแผนที่ที่เราสร้างสามารถโหลดขึ้นมาแสดงได้ ตัวอย่างการใช้งาน<br />
<span style="color:#00cccc;">GEvent.addListener(map, &#8216;load&#8217;, function(){ });</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/103/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/103/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/103/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/103/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/103/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/103/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/103/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/103/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/103/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/103/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/103/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/103/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/103/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/103/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=103&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/07/03/events/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://data5.blog.de/media/397/3536397_d04dd82f02_s.jpeg" medium="image" />

		<media:content url="http://emap.files.wordpress.com/2008/04/14.jpg" medium="image" />

		<media:content url="http://farm1.static.flickr.com/114/268064124_5c6d15108c.jpg" medium="image" />

		<media:content url="http://svnpg.net/gmap/gmap.php?location=berkeley&#38;markers=berkeley,emeryville&#38;zoom=11" medium="image" />

		<media:content url="http://svnpg.net/gmap/gmap.php?location=berkeley&#38;markers=berkeley,emeryville&#38;zoom=11" medium="image" />
	</item>
		<item>
		<title>Class GMap2 –&gt; Info Window</title>
		<link>http://googib.wordpress.com/2009/05/07/info-window/</link>
		<comments>http://googib.wordpress.com/2009/05/07/info-window/#comments</comments>
		<pubDate>Thu, 07 May 2009 02:04:02 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[closeInfoWindow]]></category>
		<category><![CDATA[getInfoWindow()]]></category>
		<category><![CDATA[info]]></category>
		<category><![CDATA[openInfoWindow]]></category>
		<category><![CDATA[openInfoWindowHtml]]></category>
		<category><![CDATA[openInfoWindowTabs]]></category>
		<category><![CDATA[openInfoWindowTabsHtml]]></category>
		<category><![CDATA[showMapBlowup]]></category>
		<category><![CDATA[window]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=101</guid>
		<description><![CDATA[method นี้จะใช้ในการเรียกหน้าต่างข้อมูลหรือที่เรียกว่า info window ขึ้นมาแสดงเพื่ออธิบายรายละเอียดของจุดนั้นโดยที่เราเป็นคนกำหนดเอง openInfoWindow(point, node) รายละเอียด:: method นี้จะใช้ในการเรียก info window ขึ้นมาแสดงบนแผนที่ที่เราสร้างขึ้นมา โดยที่เราต้องกำหนด จุดที่จะให้มันแสดง คือ Point,กำหนด textNode คือข้อความที่เราต้องการให้แสดงบน info window มีวิธีการใช้คือ map.setCenter(new GLatLng(19.840235731760227,99.76081073284149 ), 15,G_SATELLITE_MAP); map.openInfoWindow(map.getCenter(),document.createTextNode("ทดสอบ")); หรือ map.openInfoWindow(map.getCenter(),document.getElementById("ทดสอบ")); จากตัวอย่าง กำหนดให้แสดงตรงพิกัดที่เป็นค่า Center พอดีและแสดงคำว่า "ทดสอบ" นั้นเอง การใช้ openInfoWindow()ประเภทนี้จะสามารถใช้ได้อีกอย่างคือ การเรียก Element บนหน้า page ของเรามาแสดงก็ได้ openInfoWindowHtml(point, html) รายละเอียด:: method นี้จะใช้เหมือนกับ method openInfoWidow() เลยนะครับแต่จะแตกต่างกันตรงการแสดงข้อความบน info window เพราะ openInfoWindowHtml() ในส่วนของการแสดงข้อมูลนั้นจะใช้ [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=101&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<pre>method นี้จะใช้ในการเรียกหน้าต่างข้อมูลหรือที่เรียกว่า info window
ขึ้นมาแสดงเพื่ออธิบายรายละเอียดของจุดนั้นโดยที่เราเป็นคนกำหนดเอง
<img class="alignnone size-full wp-image-119" title="infowindow" src="http://googib.files.wordpress.com/2009/05/infowindow.jpg?w=508&#038;h=315" alt="infowindow" width="508" height="315" /></pre>
<ol>
<li>
<pre><span style="color:#ff6600;">openInfoWindow(point, node)</span>
รายละเอียด:: method นี้จะใช้ในการเรียก info window ขึ้นมาแสดงบนแผนที่ที่เราสร้างขึ้นมา
โดยที่เราต้องกำหนด จุดที่จะให้มันแสดง คือ Point,กำหนด textNode คือข้อความที่เราต้องการให้แสดงบน
info window มีวิธีการใช้คือ

<span style="color:#00cccc;">map.setCenter(new GLatLng(19.840235731760227,99.76081073284149 ),
15,G_SATELLITE_MAP);
map.openInfoWindow(map.getCenter(),document.createTextNode("ทดสอบ"));</span>
หรือ
<span style="color:#33ccff;">map.openInfoWindow(map.getCenter(),document.getElementById("ทดสอบ"));
</span>
จากตัวอย่าง กำหนดให้แสดงตรงพิกัดที่เป็นค่า Center พอดีและแสดงคำว่า "ทดสอบ" นั้นเอง การใช้
openInfoWindow()ประเภทนี้จะสามารถใช้ได้อีกอย่างคือ การเรียก Element บนหน้า page
ของเรามาแสดงก็ได้</pre>
</li>
<li>
<pre><span style="color:#ff6600;">openInfoWindowHtml(point, html)
</span>รายละเอียด:: method นี้จะใช้เหมือนกับ method openInfoWidow()
เลยนะครับแต่จะแตกต่างกันตรงการแสดงข้อความบน info window
เพราะ openInfoWindowHtml() ในส่วนของการแสดงข้อมูลนั้นจะใช้ Html
เข้ามาช่วยในการจัดตำแหน่งหรือสามารถแสเงเป็น textbox ใน info window เลยก็ได้วิธีใช้คือ
<span style="color:#00cccc;">map.openInfoWindowHtml(map.getCenter(),("ทดสอบ
ครั้งที่2"));
<span id="more-101"></span></span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">openInfoWindowTabs(point,tabs)</span>
รายละเอียด:: method นี้จะเป็นการแสดง Info window แบบมี Tab บน info window มีวิธีการใช้คือ
<span style="color:#00cccc;">var infoTabs = [
new GInfoWindowTab("Tab #1", document.getElementById("tab1")),
new GInfoWindowTab("Tab #2", document.getElementById("tab2")),
new GInfoWindowTab("Tab #3", document.getElementById("tab3"))
];
map.openInfoWindowTabs(map.getCenter(),infoTabs);</span>
ส่วนนี้แสดงในส่วนของ Html
<span style="color:#00cccc;"> 
&lt;.div id.="tab1"&gt;TEST 1&lt;./div.&gt;
&lt;.div id.="tab2"&gt;TEST 2 &lt;./div.&gt;
&lt;.div id.="tab3"&gt;TEST 3 &lt;./div.&gt;
</span>
จากตัวอย่าง เราต้องใช้ class GInfoWindowTab เพื่อที่จะสร้าง tab ขึ้นมาก่อนแล้วจึงเรียกใช้โดยใช้
method openInfoWindowTabs() อีกที สังเกตนะครับว่าเราจะใช้การเรียก Element มาแสดงเพราะฉะ
นั้นเราต้องสร้าง Element ขึ้นมา 3 ตัวก่อน ดังตัวอย่าง</pre>
</li>
<li>
<pre><span style="color:#ff6600;">openInfoWindowTabsHtml(point,tabs)</span>
รายละเอียด:: method นี้จะเป็นการแสดง Info window แบบมี Tab บน info window
แต่จะแตกต่างจากการใช้ openInfoWindowTabs() คือ การเขียนข้อความบน info Window จะสามารถใช้
Html เข้ามาช่วยได้ นะครับ มีวิธีการใช้คือ
<span style="color:#00cccc;">var infoTabs = [ </span>
<span style="color:#00cccc;">new GInfoWindowTab("Tab #1", " Tab1"), </span>
<span style="color:#00cccc;">new GInfoWindowTab("Tab #2", " Tab2"), </span>
<span style="color:#00cccc;">new GInfoWindowTab("Tab #3", " Tab3") </span>
<span style="color:#00cccc;">];</span>
<span style="color:#00cccc;">map.openInfoWindowTabsHtml(map.getCenter(),infoTabs);
</span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">showMapBlowup(point,opts)</span>
รายละเอียด:: คือการ show แผนที่ ณ จุดที่เรากำหนดขึ้นมาให้ออยู่ใน info Window
และเราสามารถที่จะกำหนด option ของแผนที่ได้ด้วย มีวิธการใช้คือ
<span style="color:#00cccc;">map.showMapBlowup(new GLatLng(35.65872,139.7454),5,{mapType:G_SATELLITE_MAP});
</span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">closeInfoWindow()</span>
รายละเอียด:: ใช้ในการปิด info window ที่กำลังเปิดอยู่บนแผนที่ มีวิธีการใช้ดังนี้
<span style="color:#00cccc;">map.closeInfoWindow();

</span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">getInfoWindow()
</span>รายละเอียด:: method นี้ใช้ในการแสดงลักษณะต่างๆของ info window ที่เปิดอยู่บนแผนที่ออกมา
 เช่น แสดงจุดพิกัดที่ info window ตัวนั้นแสดงอยู่ออกมา มีวิธีการใช้คือ
<span style="color:#00cccc;">alert(map.getInfoWindow().getPoint());</span>
ถ้าใช้ในลักษณะนี้จะแสดงค่าจุดพิกัดของ info window ตัวที่เปิดอยู่ออกมา</pre>
</li>
</ol>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/101/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/101/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/101/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/101/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/101/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/101/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/101/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/101/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/101/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/101/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/101/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/101/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/101/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/101/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=101&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/05/07/info-window/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/05/infowindow.jpg" medium="image">
			<media:title type="html">infowindow</media:title>
		</media:content>
	</item>
		<item>
		<title>Class GMap2 –&gt; Overlays</title>
		<link>http://googib.wordpress.com/2009/05/05/class-gmap2-%e2%80%93-overlays/</link>
		<comments>http://googib.wordpress.com/2009/05/05/class-gmap2-%e2%80%93-overlays/#comments</comments>
		<pubDate>Tue, 05 May 2009 04:33:31 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[clearOverlays]]></category>
		<category><![CDATA[getPane]]></category>
		<category><![CDATA[G_MAP_FLOAT_PANE]]></category>
		<category><![CDATA[G_MAP_FLOAT_SHADOW_PANE]]></category>
		<category><![CDATA[G_MAP_MAP_PANE]]></category>
		<category><![CDATA[G_MAP_MARKER_MOUSE_TARGET_PANE]]></category>
		<category><![CDATA[G_MAP_MARKER_SHADOW_PANE]]></category>
		<category><![CDATA[Overlays]]></category>
		<category><![CDATA[removeOverlay]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=96</guid>
		<description><![CDATA[ในส่วนของ Method ในกลุ่มนี้จะใช้สำหรับกับหนดจุดที่เราต้องการลงบนแผนที่โดยการใช้รูป icon หรือใช้ เส้นมากำหนด แทนที่ที่เราต้องการกำหนดโดยมี method ดังต่อไปนี้ addOverlay(overlay) รายละเอียด:: คือการกำหนดจุดที่เราต้องการ ลงไปบนแผนที่นั้นเอง มีวิธีการใช้คือ marker = new GMarker(new GLatLng(13,100)); map.addOverlay(marker); การกำหนดจุดลงไปบนแผนที่นั้นเราต้องมีการกำหนดจุดที่เราต้องการก่อน ตัวอย่างจะใช้ class GMarker() เข้ามาช่วยในการกำหนดจุดที่เราต้องการ แล้วจึงนำจุดที่เราได้นั้นมาแทนในส่วนของ overlay นั้นเอง removeOverlay(overlay) รายละเอียด:: คือการลบจุดที่เราต้องการ ออกจากแผนที่โดยการลบแบบนี้จะลบเฉพาะจุดที่เราต้องการเท่านั้น marker = new GMarker(new GLatLng(13,100)); map.removeOverlay(marker);  clearOverlays() รายละเอียด:: คือการ clear จุดทั้งหมดที่เรากำหนดบนแผนที่ออก มีวิธการใช้คือ map.clearOverlays() getPane(bounds) รายละเอียด:: getPan() จะใช้สำหรับการจัดตำแหน่งการแสดงจุดหรือเส้นที่เรากำหนดลงบนแผนที่ในแนวลึก จัดยังไง มันก็คือ ถ้าสมมุติเรามีจุด 1 จุด mark [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=96&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><span style="color:#000000;">ในส่วนของ Method ในกลุ่มนี้จะใช้สำหรับกับหนดจุดที่เราต้องการลงบนแผนที่โดยการใช้รูป icon หรือใช้ เส้นมากำหนด แทนที่ที่เราต้องการกำหนดโดยมี method ดังต่อไปนี้ </span></p>
<ol>
<li><span style="color:#000000;"><strong>addOverlay(overlay)</strong> รายละเอียด:: คือการกำหนดจุดที่เราต้องการ ลงไปบนแผนที่นั้นเอง มีวิธีการใช้คือ
<p></span><span style="color:#000000;"><span style="color:#339966;">marker = new GMarker(new GLatLng(13,100));<br />
map.addOverlay(marker);</p>
<p></span>การกำหนดจุดลงไปบนแผนที่นั้นเราต้องมีการกำหนดจุดที่เราต้องการก่อน ตัวอย่างจะใช้ <span style="color:#339966;">class GMarker()</span> เข้ามาช่วยในการกำหนดจุดที่เราต้องการ แล้วจึงนำจุดที่เราได้นั้นมาแทนในส่วนของ overlay นั้นเอง</p>
<p></span></li>
<li><span style="color:#000000;"><strong>removeOverlay(overlay)</strong> รายละเอียด:: คือการลบจุดที่เราต้องการ ออกจากแผนที่โดยการลบแบบนี้จะลบเฉพาะจุดที่เราต้องการเท่านั้น
<p><span style="color:#339966;">marker = new GMarker(new GLatLng(13,100));<br />
map.removeOverlay(marker);</span><br />
<span id="more-96"></span></span></li>
<li><span style="color:#000000;"><strong> clearOverlays()</strong> รายละเอียด:: คือการ clear จุดทั้งหมดที่เรากำหนดบนแผนที่ออก มีวิธการใช้คือ
<p><span style="color:#339966;">map.clearOverlays()</span><br />
</span></li>
<li><span style="color:#000000;"><strong>getPane(bounds) </strong></span><span style="color:#ff6600;"><span style="color:#000000;">รายละเอียด:: <span style="color:#339966;">getPan()</span> จะใช้สำหรับการจัดตำแหน่งการแสดงจุดหรือเส้นที่เรากำหนดลงบนแผนที่ในแนวลึก จัดยังไง มันก็คือ ถ้าสมมุติเรามีจุด 1 จุด mark อยู่บนแผนที่ แล้วเราก็สร้างเส้นขึ้นมาบนแผนที่อีก เราสามารถที่จะให้เส้นที่เราสร้างขึ้นมาใหม่นี้ทับจุดที่สร้างขึ้นมาหรือให้มันอยู่หลังจุดดที่เราสร้างขึ้นมาในแนวลึก ก็ได้นะครับ โดยใช้ Method นี้ มีวิธีการใช้คือ
<p><span style="color:#000000;"><span style="color:#339966;">map.getPane(G_MAP_MAP_PANE)</span></p>
<p>จากตัวอย่าง <span style="color:#339966;">G_MAP_MAP_PANE</span> คือ ระดับในการวางพวก iconหรือเส้นนะครับ ระดับทั้งหมดมีดังนี้ครับ</p>
<p></span></span></span><span style="color:#000000;">-<span style="color:#339966;"> G_MAP_MAP_PANE</span> ระดับนี้จะเป็นระดับ 0 จะอยู่ระดับเดียวกับแผนที่เลยนะครับ<br />
- <span style="color:#339966;">G_MAP_MARKER_SHADOW_PANE</span> ระดับที่ 2 จะอยู่ระดับเดียวกับเงาของตัว marker<br />
- <span style="color:#339966;">G_MAP_MARKER_PANE</span> ระดับ 4 จะอยู่ระดับเดียวกับตัว marker ที่เรากำหนดบนแผนที่<br />
- <span style="color:#339966;">G_MAP_FLOAT_SHADOW_PANE</span> ระดับ5<br />
- <span style="color:#339966;">G_MAP_MARKER_MOUSE_TARGET_PANE</span> ระดับ 6<br />
- <span style="color:#339966;">G_MAP_FLOAT_PANE</span> ระดับ 7</span></li>
</ol>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/96/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/96/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/96/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=96&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/05/05/class-gmap2-%e2%80%93-overlays/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>
	</item>
		<item>
		<title>Class GMap2 –&gt; Modify the Map State</title>
		<link>http://googib.wordpress.com/2009/05/05/class-gmap2-%e2%80%93-modify-the-map-state/</link>
		<comments>http://googib.wordpress.com/2009/05/05/class-gmap2-%e2%80%93-modify-the-map-state/#comments</comments>
		<pubDate>Tue, 05 May 2009 03:19:45 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[center:GLatLng]]></category>
		<category><![CDATA[checkResize]]></category>
		<category><![CDATA[dx]]></category>
		<category><![CDATA[dy]]></category>
		<category><![CDATA[Modify the Map State]]></category>
		<category><![CDATA[panBy]]></category>
		<category><![CDATA[panDirection]]></category>
		<category><![CDATA[panTo]]></category>
		<category><![CDATA[returnToSavedPosition]]></category>
		<category><![CDATA[savePosition]]></category>
		<category><![CDATA[setCenter]]></category>
		<category><![CDATA[setZoom]]></category>
		<category><![CDATA[zoomIn]]></category>
		<category><![CDATA[zoomOut]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=82</guid>
		<description><![CDATA[Methods พวกนี้ จะเป็น methods ที่ใช้สำหรับกำหนดค่าต่างๆลงไปในแผ่นที่นะครับ เช่น การกำหนด พิกัดที่จะแสดง การ Zoom ต่างๆ setCenter(center:GLatLng, zoom?:Number, type?:GMapType) รายละเอียด:: คือการกำหนดค่า Center ของแผนที่ที่เราจะแสดงออกมาว่าจะให้แสดง Center อยู่ที่พิกัดที่เท่าไหร่โดยสามารถกำหนดระดับการ Zoom ที่ใช้และชนิดการแสดงแผนที่ได้ด้วย มีวิธีการใช้ดังนี้ map.setCenter(new GLatLng(19.840235731760227,99.76081073284149 ), 15,G_SATELLITE_MAP) จากวิธีการใช้ ในส่วนของ Center นั้นเราจะกำหนดค่าพิกัดลงไปโดยใช้ Class GLatlng() เข้ามาช่วย การ Zoom=15 ชนิดแผนที่ที่แสดงคือ G_SATELLITE_MAP panTo(center) รายละเอียด:: method นี้ใช้ในการเลื่อนตำแหน่ง Center ของแผนที่ที่เราแสดง ในปัจจุบัน ไปเป็นตำแหน่ง Center ที่เรากำหนดโดยการใช้ method panTo นั้นเอง มีวิธีการใช้คือ map.panTo(new GLatLng(53.752589,-1.756663)) panBy(distance) [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=82&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-85" title="map1" src="http://googib.files.wordpress.com/2009/05/map1.gif?w=508&#038;h=306" alt="map1" width="508" height="306" /></p>
<p>Methods พวกนี้ จะเป็น methods ที่ใช้สำหรับกำหนดค่าต่างๆลงไปในแผ่นที่นะครับ<br />
เช่น การกำหนด พิกัดที่จะแสดง การ Zoom ต่างๆ</p>
<ol>
<li>
<pre><span style="color:#ff6600;">setCenter(center:</span><a title="GLatLng" href="http://googib.wordpress.com/wp-admin/#GLatLng"><span style="color:#ff6600;">GLatLng</span></a><span style="color:#ff6600;">, zoom?:Number, type?:</span><a title="GMapType" href="http://googib.wordpress.com/wp-admin/#GMapType"><span style="color:#ff6600;">GMapType</span></a><span style="color:#ff6600;">)</span>
รายละเอียด:: คือการกำหนดค่า Center ของแผนที่ที่เราจะแสดงออกมาว่าจะให้แสดง Center
อยู่ที่พิกัดที่เท่าไหร่โดยสามารถกำหนดระดับการ Zoom ที่ใช้และชนิดการแสดงแผนที่ได้ด้วย มีวิธีการใช้ดังนี้

<span style="color:#339966;">map.setCenter(new GLatLng(19.840235731760227,99.76081073284149 ),
 15,G_SATELLITE_MAP)</span>

จากวิธีการใช้ ในส่วนของ Center นั้นเราจะกำหนดค่าพิกัดลงไปโดยใช้ Class
GLatlng() เข้ามาช่วย การ Zoom=15 ชนิดแผนที่ที่แสดงคือ G_SATELLITE_MAP</pre>
</li>
<li>
<pre><span style="color:#ff6600;">panTo(center)
</span>รายละเอียด:: method นี้ใช้ในการเลื่อนตำแหน่ง Center ของแผนที่ที่เราแสดง
ในปัจจุบัน ไปเป็นตำแหน่ง Center ที่เรากำหนดโดยการใช้ method panTo
นั้นเอง มีวิธีการใช้คือ

<span style="color:#00cccc;"><span style="color:#339966;">map.panTo(new GLatLng(53.752589,-1.756663))
<span id="more-82"></span>

</span></span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">panBy(distance)</span>
รายละเอียด:: คือการเลื่อนตำแหน่งแผนที่ไปยังที่ที่เรากำหนด โดย distance
คื่อค่าที่เราจะกำหนด โดยกำหนดเป็น pixel มีวิธีการใช้คือ

<span style="color:#339966;">map.panBy(new GSize(50,100))
</span>จากตัวอย่าง จะเห็นว่าเราใช้ GSize() เข้ามาช่วยในการกำหนดค่า
โดยค่า 50,100 จะแทนค่า dx,dy ของแผนที่นะครับ</pre>
</li>
<li>
<pre><span style="color:#ff6600;">panDirection(dx, dy)
</span>รายละเอียด:: method นี้จะมีลักษณะคล้ายกับ panby() นะครับ
คือ การเลื่อนแผนที่ไปในทางที่เรากำหนด โดยกำหนดเป็นค่า pixel
แทน dx,dy แต่การใช้ panDirection() นั้นการเลื่อนแผนที่จะมีความ
Smoot กว่าการใช้ panBy() มีวิธีดการใช้ดังนี้

<span style="color:#339966;">map.panDirection(-50,100)</span>

ทิศทางในการเลือ่นแผนที่จะเลื่อนตามค่าที่เรากำหนดนะครับ ถ้ากำหนด
dx= ค่าลบ แผนที่จะเลื่อนไปทางซ้าย
dx= ค่าบวก แผนที่จะเลื่อนไปทางขวา
dy= ค่าลบ แผนที่จะเลื่อนขึ้น
dy= ค่าบวก แผนที่จะเลื่อนลง
<img class="alignnone size-full wp-image-86" title="map_boundingbox" src="http://googib.files.wordpress.com/2009/05/map_boundingbox.png?w=302&#038;h=302" alt="map_boundingbox" width="302" height="302" /></pre>
</li>
<li>
<pre><span style="color:#ff6600;">setZoom(level)</span>
รายละเอียด:: คือการ set ค่าการ Zoom แผนที่เมื่อ load ขึ้นมานั้นเองวิธีการใช้คือ

<span style="color:#00cccc;"><span style="color:#339966;">map.setZoom(3)</span></span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">zoomIn()</span>
รายละเอียด:: คือการกำหนดให้ Zoom เข้าแผนที่ที่ละระดับ

<span style="color:#00cccc;"><span style="color:#339966;">map.zoomIn()</span></span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">zoomOut()</span>
รายละเอียด:: คือการกำหนดให้ Zoom ออกจากแผนที่ที่ละระดับ

<span style="color:#339966;">map.zoomOut()</span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">savePosition()</span>
รายละเอียด:: คือการ Save ตำแหน่งที่เราต้องการไว้ แล้วนำมาใช้โดยการ
ใช้ Method returnToSavedPosition() เรียกออกมา วิธีการใช้คือ

<span style="color:#339966;">map.savePosition()</span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">returnToSavedPosition()
</span>รายละเอียด:: คือการ return ค่าตำแหน่งที่เราเก็บไว้โดยการใช้
Method savePosition() มีวิธีการใช้คือ

<span style="color:#00cccc;"><span style="color:#339966;">map.returnToSavedPosition()</span></span></pre>
</li>
<li>
<pre><span style="color:#ff6600;">checkResize()</span>
รายละเอียด:: คือการกำหนดขนาดของแผนที่ใหม่นะครับเช่น
ลดขนาดให้เล็กลง หรือใหญ่ขึ้นนั้นเอง โดยมีวิธีกำหนดคือ

<span style="color:#00cccc;"><span style="color:#339966;">var resize = document.getElementById('map');
resize.style.width="200px";
map.checkResize()</span>
</span>
การใช้ method นี้นะครับ เราจะต้องประกาศเป็นอีก Function
หนึ่งก่อนครับ แล้วจึงกำหนด Element ที่แสดงแผนที่ให้เท่ากับตัวแปล
ที่เราประกาศขึ้นมา ในส่วนที่สองก็คือการกำหนดขนาดที่เราจะให้แผนที่
แสดงนะครับ แล้วจึงตบท้ายด้วย method checkResize เพื่อสั้งให้มัน
 ปรับขนาดให้เท่ากับที่เรากำหนดไป</pre>
</li>
</ol>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/82/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/82/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/82/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=82&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/05/05/class-gmap2-%e2%80%93-modify-the-map-state/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/05/map1.gif" medium="image">
			<media:title type="html">map1</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/05/map_boundingbox.png" medium="image">
			<media:title type="html">map_boundingbox</media:title>
		</media:content>
	</item>
		<item>
		<title>Class GMap2 –&gt; Map State</title>
		<link>http://googib.wordpress.com/2009/05/01/class-gmap2-%e2%80%93-map-state/</link>
		<comments>http://googib.wordpress.com/2009/05/01/class-gmap2-%e2%80%93-map-state/#comments</comments>
		<pubDate>Fri, 01 May 2009 02:50:01 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[getBounds()]]></category>
		<category><![CDATA[getBoundsZoomLevel(bounds)]]></category>
		<category><![CDATA[getCenter()]]></category>
		<category><![CDATA[getSize()]]></category>
		<category><![CDATA[getZoom()]]></category>
		<category><![CDATA[isLoaded()]]></category>
		<category><![CDATA[Map State]]></category>
		<category><![CDATA[map.getZoom()]]></category>
		<category><![CDATA[map.isLoaded()]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=74</guid>
		<description><![CDATA[Methods ในกกลุ่มนี้ใช้สำหรับการ Returns ค่าต่างๆของแผนที่ออกมาให้เราทราบเช่น Returns ค่า การ Zoom ของแผนที่ Returns ค่า พิกัด ตรงกลางของแผนที่ มี Methods ต่างๆดังนี้ isLoaded() คืนค่า True เมื่อแผนที่ที่เราสร้างขึ้นมานั้นสามารถ Load ขึ้นมาแสดงได้ วิธีใช้คือ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; map.isLoaded() &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;  getCenter() รายละเอียด:: จะคืนค่า พิกัดเส้นรุ้ง,พิกัดเส้นแวง( Lat,Lng ) ตรงกลางของแผนที่ ที่แสดงออกมา วิธีใช้คือ&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; map.getCenter() &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; getBounds() ราย ละเอียด:: method นี้เมื่อใช้จะคืนค่า พิกัดเส้นรุ้ง,พิกัดเส้นแวง( Lat,Lng ) มุมซ้ายบนและมุมขวาล่างของแผนที่ที่แสดงออกมา มีวิธีการใช้คือ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; map.getBounds() &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; getBoundsZoomLevel(bounds) รายละเอียด:: method นี้จะคืนค่าการซูมในปัจจุบันตามค่า ขอบ(bounds)ของแผนที่ [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=74&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Methods ในกกลุ่มนี้ใช้สำหรับการ Returns ค่าต่างๆของแผนที่ออกมาให้เราทราบเช่น Returns ค่า การ Zoom ของแผนที่ Returns ค่า พิกัด ตรงกลางของแผนที่ มี Methods ต่างๆดังนี้</p>
<ol>
<li><strong><code class="self-link">isLoaded()</code></strong><br />
คืนค่า True เมื่อแผนที่ที่เราสร้างขึ้นมานั้นสามารถ Load ขึ้นมาแสดงได้ วิธีใช้คือ<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<span style="color:#33ccff;"><span style="color:#800000;">map.isLoaded()</span><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; </li>
<li><span style="color:#000000;"><strong>getCenter()</strong><br />
รายละเอียด:: จะคืนค่า พิกัดเส้นรุ้ง,พิกัดเส้นแวง( Lat,Lng ) ตรงกลางของแผนที่ ที่แสดงออกมา วิธีใช้คือ</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<span style="color:#000000;"><span style="color:#800000;">map.getCenter()</span><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<img class="alignnone size-full wp-image-78" title="gmarker_simple" src="http://googib.files.wordpress.com/2009/05/gmarker_simple.jpg?w=306&#038;h=210" alt="gmarker_simple" width="306" height="210" /><br />
<span id="more-74"></span></li>
<li><span style="color:#000000;"><strong>getBounds()</strong><br />
ราย ละเอียด:: method นี้เมื่อใช้จะคืนค่า พิกัดเส้นรุ้ง,พิกัดเส้นแวง( Lat,Lng ) มุมซ้ายบนและมุมขวาล่างของแผนที่ที่แสดงออกมา มีวิธีการใช้คือ</span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<span style="color:#000000;"><span style="color:#800000;">map.getBounds()</span><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</li>
<li><span style="color:#000000;"><strong>getBoundsZoomLevel(bounds)</strong><br />
รายละเอียด:: method นี้จะคืนค่าการซูมในปัจจุบันตามค่า ขอบ(bounds)ของแผนที่ ที่กำหนดมาให้ มีวิธีใช้คือ</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<span style="color:#000000;"><span style="color:#800000;">var bounds = map.getBounds();<br />
map.getBoundsZoomLevel(bounds);</span><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<div><span style="color:#000000;">จาก วิธีใช้นะครับ จะเห็นว่าเราจะใช้ method getBound()เข้ามาช่วยในการกำหนดขอบ(bounds) แล้วค่อยเอาค่ามาแทนใน method getBoundZoomLevel() อีกที แล้วเราก็จะได้ค่าในการซูมปัจจุบัน ตามค่าขอบของแผนที่ปัจจุบัน</span></div>
<div><span style="color:#000000;"> </span></div>
</li>
<li><span style="color:#000000;"><strong>getSize()</strong><br />
รายละเอียด:: method ตัวนี้จะคืนค่าขนาดของแผนที่ที่เราแสดงออกมา ค่าที่ได้จะแสดงเป็น pixel วิธีการใช้คือ</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<span style="color:#000000;"><span style="color:#800000;">map.getSize()</span><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</li>
<li><span style="color:#000000;"><strong>getZoom()</strong><br />
รายละเอียด:: getZoom จะคืนค่าการ Zoom ที่กำหนดในหน้าแผนที่ที่แสดงปัจจุบันออกมา มีวิธีใช้คือ</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<span style="color:#000000;"><span style="color:#800000;">map.getZoom()</span><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</li>
</ol>
<h2 style="text-align:center;"><a href="http://www.mychiangrai.com/googibmap/exam/Gmap2_mapstat.html" target="_blank">ตัวอย่างการใช้งาน Methods Map State Click</a></h2>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/74/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/74/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/74/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=74&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/05/01/class-gmap2-%e2%80%93-map-state/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/05/gmarker_simple.jpg" medium="image">
			<media:title type="html">gmarker_simple</media:title>
		</media:content>
	</item>
		<item>
		<title>Class GMap2 –&gt; Map Types</title>
		<link>http://googib.wordpress.com/2009/04/30/class-gmap2-%e2%80%93-map-types/</link>
		<comments>http://googib.wordpress.com/2009/04/30/class-gmap2-%e2%80%93-map-types/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 03:23:01 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[addMapType]]></category>
		<category><![CDATA[addMapType(type:GMapType)]]></category>
		<category><![CDATA[Map Types]]></category>
		<category><![CDATA[removeMapType]]></category>
		<category><![CDATA[removeMapType(type:GMapType)]]></category>
		<category><![CDATA[setMapType]]></category>
		<category><![CDATA[setMapType(type:GMapType)]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=62</guid>
		<description><![CDATA[methods ในกลุ่มนี้จะช่วยในการกำหนดรูปแบบการแสดงผลของแผนที่นะครับ ให้แสดงในรูปแบบต่างๆ มี Methods ต่างๆ ดังนี้ครับ addMapType(type:GMapType) ใช้สำหรับกำหนดรูปแบบการแสดงผลของแผนที่ให้แสดงในณุปแบบต่างๆ ต้องใช้ร่วมกับ Constants ของ Class Gmaptype ครับ รูปแบบการใช้งานคือ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- map.addMapType(G_SATELLITE_3D_MAP); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- removeMapType(type:GMapType) method นี้ใช้ในการ ลบ MapType ที่เราได้เพิ่มลงไปในแผนที่ออก รูปแบบการใช้งานคือ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- map.removeMapType(G_SATELLITE_3D_MAP); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- setMapType(type:GMapType) คือการกำหนดลักษณะการแสดงแผนที่ในรูปแบบต่างๆคล้ายกับ addMapType แต่ การใช้ setMapType นั้น จะต้องกำหนดไว้หลังการ setCenter ของแผนที่และอีกอย่างคือการประกาศใช้ methods นี้ ถ้ามีการกำหนด addMapType ไปก่อนแล้ว การใช้ methods นี้จะไม่มีผลใดๆ รูปแบบการใช้งานคือ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- map.etMapType(G_SATELLITE_3D_MAP); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- ตัวอย่างการใช้งาน Methods Map Types [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=62&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>methods</strong> ในกลุ่มนี้จะช่วยในการกำหนดรูปแบบการแสดงผลของแผนที่นะครับ ให้แสดงในรูปแบบต่างๆ มี Methods ต่างๆ ดังนี้ครับ</p>
<ol>
<li><strong>addMapType(type:<a title="GMapType" href="#GMapType">GMapType</a>)</strong> ใช้สำหรับกำหนดรูปแบบการแสดงผลของแผนที่ให้แสดงในณุปแบบต่างๆ ต้องใช้ร่วมกับ Constants ของ Class Gmaptype ครับ รูปแบบการใช้งานคือ<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<span style="color:#008000;">map.addMapType(G_SATELLITE_3D_MAP);</span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<img class="alignnone size-full wp-image-64" title="mapa_satelita" src="http://googib.files.wordpress.com/2009/04/mapa_satelita.jpg?w=160&#038;h=159" alt="mapa_satelita" width="160" height="159" /> <img class="alignnone size-full wp-image-67" title="mapa_normalna" src="http://googib.files.wordpress.com/2009/04/mapa_normalna.jpg?w=160&#038;h=159" alt="mapa_normalna" width="160" height="159" /> <img class="alignnone size-full wp-image-66" title="mapa_hybryda" src="http://googib.files.wordpress.com/2009/04/mapa_hybryda.jpg?w=160&#038;h=159" alt="mapa_hybryda" width="160" height="159" /> <img class="alignnone size-full wp-image-65" title="mapa_fizyczna" src="http://googib.files.wordpress.com/2009/04/mapa_fizyczna.jpg?w=160&#038;h=159" alt="mapa_fizyczna" width="160" height="159" /></li>
<li><strong>removeMapType(type:<a title="GMapType" href="#GMapType">GMapType</a>)</strong> method นี้ใช้ในการ ลบ MapType ที่เราได้เพิ่มลงไปในแผนที่ออก รูปแบบการใช้งานคือ<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<span style="color:#008000;">map.removeMapType(G_SATELLITE_3D_MAP);</span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</li>
<li><strong>setMapType(type:<a title="GMapType" href="#GMapType">GMapType</a>) </strong>คือการกำหนดลักษณะการแสดงแผนที่ในรูปแบบต่างๆคล้ายกับ addMapType แต่ การใช้ setMapType นั้น จะต้องกำหนดไว้หลังการ setCenter ของแผนที่และอีกอย่างคือการประกาศใช้ methods นี้ ถ้ามีการกำหนด addMapType ไปก่อนแล้ว การใช้ methods นี้จะไม่มีผลใดๆ รูปแบบการใช้งานคือ<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<span style="color:#008000;">map.etMapType(G_SATELLITE_3D_MAP);</span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</li>
</ol>
<h2 style="text-align:center;"><span style="text-decoration:underline;"><a href="http://www.mychiangrai.com/googibmap/exam/Gmap2_type.html" target="_blank">ตัวอย่างการใช้งาน Methods Map Types Click</a></span></h2>
<p style="text-align:center;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/62/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/62/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/62/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=62&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/04/30/class-gmap2-%e2%80%93-map-types/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/mapa_satelita.jpg" medium="image">
			<media:title type="html">mapa_satelita</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/mapa_normalna.jpg" medium="image">
			<media:title type="html">mapa_normalna</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/mapa_hybryda.jpg" medium="image">
			<media:title type="html">mapa_hybryda</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/mapa_fizyczna.jpg" medium="image">
			<media:title type="html">mapa_fizyczna</media:title>
		</media:content>
	</item>
		<item>
		<title>Class GMap2 –&gt; Methods Controls</title>
		<link>http://googib.wordpress.com/2009/04/29/class-gmap2-%e2%80%93-methods-controls/</link>
		<comments>http://googib.wordpress.com/2009/04/29/class-gmap2-%e2%80%93-methods-controls/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 03:51:09 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[3.1.Core Class]]></category>
		<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[addControl]]></category>
		<category><![CDATA[control:GControl]]></category>
		<category><![CDATA[GControlPosition]]></category>
		<category><![CDATA[Methods Controls]]></category>
		<category><![CDATA[position?:GControlPosition]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=56</guid>
		<description><![CDATA[Methods ในส่วนนี้จะเอาไว้ใช้สำหรับ กำหนด Controls ให้กับแผนที่เรานำมาแสดง มีรูปแบบการใช้งานดังนี้ addControl(control:GControl, position?:GControlPosition) Method นี้ใช้ในการเพิ่มตัว control ต่างๆลงบนแผนที่ดังรูปโดยการใช้งาน Method นี้ต้องใช้ร่วมกับ Constructor ของ Class Gcontrol ด้วย Constructor ของ Class Gcontrol มีให้เราดลือกใช้เยอะแยะครับแล้วแต่ว่าเราต้องการใช้อันไหนบ้าง ส่วนอีกตัวคือ GControlPosition ส่วนนี้จะเป็ฯการกำหนดตำแหน่งของการแสดง Control ในแผนที่ครับ ตัวอย่างข้างบนนะครับ มีวิธีการใช้งานคือ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; map.addControl(new GLargeMapControl()); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; จากตัวอย่างการเพิ่ม Control เข้าไปในแผนที่ เราจะไม่ค่อยนิยมกำหนดตำแหน่ง Control ในแผนที่นะครับ เพราะ Google ได้กำหนด ค่าเริ่มต้นในตำแหน่งต่างๆไว้ดีแล้วครับ removeControl(control:GControl) ลักษณะการใช้งานก็เหมือนกับตัว addControl ทำหน้าที่ในการเอา Control ที่แสดงในแผนที่ออก&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; map.removeControl(new GLargeMapControl()); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; ตัวอย่างการใช้งาน Class GMap2 [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=56&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Methods ในส่วนนี้จะเอาไว้ใช้สำหรับ กำหนด Controls ให้กับแผนที่เรานำมาแสดง มีรูปแบบการใช้งานดังนี้</p>
<p><img class="alignnone size-full wp-image-57" title="addControl(control:GControl, position?:GControlPosition) " src="http://googib.files.wordpress.com/2009/04/gmap3.png?w=507&#038;h=404" alt="addControl(control:GControl, position?:GControlPosition) " width="507" height="404" /></p>
<ol>
<li><strong>addControl(control:</strong><a title="GControl" href="#GControl"><strong>GControl</strong></a><strong>, position?:</strong><a title="GControlPosition" href="#GControlPosition"><strong>GControlPosition</strong></a><strong>)</strong> Method นี้ใช้ในการเพิ่มตัว control ต่างๆลงบนแผนที่ดังรูปโดยการใช้งาน Method นี้ต้องใช้ร่วมกับ Constructor ของ Class Gcontrol ด้วย Constructor ของ Class Gcontrol มีให้เราดลือกใช้เยอะแยะครับแล้วแต่ว่าเราต้องการใช้อันไหนบ้าง ส่วนอีกตัวคือ <a title="GControlPosition" href="#GControlPosition">GControlPosition</a> ส่วนนี้จะเป็ฯการกำหนดตำแหน่งของการแสดง Control ในแผนที่ครับ ตัวอย่างข้างบนนะครับ มีวิธีการใช้งานคือ<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
<span style="color:#008000;">map.addControl(new GLargeMapControl());</span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
จากตัวอย่างการเพิ่ม Control เข้าไปในแผนที่ เราจะไม่ค่อยนิยมกำหนดตำแหน่ง Control ในแผนที่นะครับ เพราะ Google ได้กำหนด ค่าเริ่มต้นในตำแหน่งต่างๆไว้ดีแล้วครับ</li>
<li><strong>removeControl(control:</strong><a title="GControl" href="#GControl"><strong>GControl</strong></a><strong>)</strong> ลักษณะการใช้งานก็เหมือนกับตัว addControl ทำหน้าที่ในการเอา Control ที่แสดงในแผนที่ออก&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
<span style="color:#008000;">map.removeControl(new GLargeMapControl());</span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</li>
</ol>
<h2 style="text-align:center;"><a href="http://www.mychiangrai.com/googibmap/exam/Gmap2_control.html" target="_blank">ตัวอย่างการใช้งาน Class GMap2 &#8211;&gt; Methods Controls</a></h2>
<h2 style="text-align:center;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</h2>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/56/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/56/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/56/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=56&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/04/29/class-gmap2-%e2%80%93-methods-controls/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/gmap3.png" medium="image">
			<media:title type="html">addControl(control:GControl, position?:GControlPosition) </media:title>
		</media:content>
	</item>
		<item>
		<title>Class GMap2 –&gt; Methods Configuration</title>
		<link>http://googib.wordpress.com/2009/04/28/methods-configuration/</link>
		<comments>http://googib.wordpress.com/2009/04/28/methods-configuration/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 04:41:57 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[3.1.Core Class]]></category>
		<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[continuousZoomEnabled]]></category>
		<category><![CDATA[disableContinuousZoom]]></category>
		<category><![CDATA[disableDoubleClickZoom]]></category>
		<category><![CDATA[disableDragging]]></category>
		<category><![CDATA[disableInfoWindow]]></category>
		<category><![CDATA[disableScrollWheelZoom]]></category>
		<category><![CDATA[doubleClickZoomEnabled]]></category>
		<category><![CDATA[draggingEnabled]]></category>
		<category><![CDATA[enableContinuousZoom]]></category>
		<category><![CDATA[enableDoubleClickZoom]]></category>
		<category><![CDATA[enableDragging()]]></category>
		<category><![CDATA[enableInfoWindow]]></category>
		<category><![CDATA[enableScrollWheelZoom]]></category>
		<category><![CDATA[infoWindowEnabled]]></category>
		<category><![CDATA[Methods Configuration]]></category>
		<category><![CDATA[scrollWheelZoomEnabled]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/?p=31</guid>
		<description><![CDATA[Configuration เป็น Methods ที่เอาไว้สำหรับกำหนดรายละเอียดต่างๆของแผนที่นะครับ enableDragging() รายละเอียด:: คือการกำหนดให้สามารถ Drag เมาส์แล้วเลื่อนแผนที่ได้ โดยค่านี้จะเป็นค่ามาตรฐานที่ตั้งมาอยู่แล้ว ตัวอย่างการใช้งาน &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; map.enableDragging(); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; disableDragging() รายละเอียด:: คือการกำหนดไม่ให้ Drag เมาส์เลื่อนแผนที่ ตัวอย่างการใช้งาน &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; map.disableDragging(); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; draggingEnabled() รายละเอียด:: คือ การตรวจสอบว่ามีการ เลื่อนแผนที่โดยการ Drag เมาส์หรือไม่ ถ้าเกิดการ Drag เมาส์เลื่อนแผนที่ มันจะคืนค่า True ตัวอย่างการใช้งาน &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; map.draggingEnabled()； &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; enableInfoWindow() รายละเอียด:: คือการสั่งให้มีการแสดง InfoWindow &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; map.enableInfoWindow(); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; disableInfoWindow() รายละเอียด:: คือการกำหนดไม่ให้มีการแสดง InfoWindow ขึ้นมา &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; map.disableInfoWindow(); &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;   [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=31&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div><span style="color:#000000;"><strong><span style="color:#008000;">Configuration เป็น Methods ที่เอาไว้สำหรับกำหนดรายละเอียดต่างๆของแผนที่นะครับ</span></strong></span></div>
<p><span style="color:#000000;"><strong><span style="color:#008000;"><img class="alignnone size-full wp-image-52" title="google_maps_logo" src="http://googib.files.wordpress.com/2009/04/google_maps_logo.png?w=299&#038;h=134" alt="google_maps_logo" width="299" height="134" /></p>
<p></span></strong></span></p>
<ol>
<li><span style="color:#000000;"><strong>enableDragging() </strong></span>รายละเอียด:: คือการกำหนดให้สามารถ Drag เมาส์แล้วเลื่อนแผนที่ได้ โดยค่านี้จะเป็นค่ามาตรฐานที่ตั้งมาอยู่แล้ว ตัวอย่างการใช้งาน<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
map.<span class="point">enableDragging()</span>;<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</li>
<li><span style="color:#000000;"><strong>disableDragging() </strong>รายละเอียด:: คือการกำหนดไม่ให้ Drag เมาส์เลื่อนแผนที่ ตัวอย่างการใช้งาน<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
map.disa<span class="point">bleDragging()</span>;<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span></li>
<li><span style="color:#000000;"><strong>draggingEnabled() </strong>รายละเอียด:: คือ การตรวจสอบว่ามีการ เลื่อนแผนที่โดยการ Drag เมาส์หรือไม่ ถ้าเกิดการ Drag เมาส์เลื่อนแผนที่ มันจะคืนค่า True ตัวอย่างการใช้งาน<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
map.<span class="point">draggingEnabled()；<br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span></li>
<li><span style="color:#000000;"><strong>enableInfoWindow()</strong> รายละเอียด:: คือการสั่งให้มีการแสดง InfoWindow<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.<span class="point">enableInfoWindow()</span>;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>disableInfoWindow()</strong> รายละเอียด:: คือการกำหนดไม่ให้มีการแสดง InfoWindow ขึ้นมา<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.<span class="point">disableInfoWindow()</span>;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p><span id="more-31"></span><br />
<img class="alignnone size-full wp-image-53" title="ex_5" src="http://googib.files.wordpress.com/2009/04/ex_5.gif?w=448&#038;h=152" alt="ex_5" width="448" height="152" /> </p>
<p> </p>
<p></span></li>
<li><span style="color:#000000;"><strong>infoWindowEnabled()</strong> รายละเอียด:: คือ การตรวจสอบว่ามีการแสดง InfoWindow ขึ้นมาหรือไม่ ถ้ามีการแสดง จะคืนค่า </span><span style="color:#000000;">True<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">infoWindowEnabled()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>enableDoubleClickZoom()</strong> รายละเอียด:: คือ การกำหนดในสามารถ Zoom แผนที่โดยการ Double Click<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">enableDoubleClickZoom()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>disableDoubleClickZoom()</strong> รายละเอียด:: คือการกำหนดไม่ให้ Zoom แผนที่โดยการ Double Click<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">disableDoubleClickZoom()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>doubleClickZoomEnabled() </strong>รายละเอียด:: คือการตรวจสอบว่ามีการ Zoom แผนที่โดยการ Double Click หรือไม่ ถ้ามีการ Zoom แผนที่โดยการ Double Click จะคืนค่า True<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">doubleClickZoomEnabled()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>enableContinuousZoom() </strong>รายละเอียด:: เป็นการกำหนดให้เมื่อมีการ Zoom แผนโดยวิธีใดก็ตาม ทำให้การZoom มีความ smooth ขึ้น<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">enableContinuousZoom()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>disableContinuousZoom()</strong> รายละเอียด:: เป็นการกำหนดการ Zoom เป็นแบบปกติ ไม่ใช้การ Zoom แบบ smooth disableContinuousZoom() จะถูกกำหนดให้เป็นค่า มาตรฐานอยู่แล้ว<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">disableContinuousZoom()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>continuousZoomEnabled() </strong>รายละเอียด:: คือการตรวจสอบว่า มีการ Zoom แบบ smooth หรือไม่ ถ้ามีจะคืนค่า True<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">continuousZoomEnabled()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>enableScrollWheelZoom() </strong>รายละเอียด:: คือการกำหนดให้ Zoom แผนที่โดยการใช้ mouse scroll ในการ Zoom<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">enableScrollWheelZoom()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>disableScrollWheelZoom()</strong> รายละเอียด:: คือการกำหนดไม่ให้ Zoom แผนที่โดยการใช้ mouse scoll ในการ Zoom กำหนดเป็นค่ามาตรฐาน<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">disableScrollWheelZoom()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>scrollWheelZoomEnabled() </strong>รายละเอียด:: คือการตรวจสอบว่ามีการ Zoom แผนที่โดยใช้ mouse scoll ในการ Zoom หรือไม่ ถ้ามีจะคืนค่าเป็น True<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><span style="color:#000000;">scrollWheelZoomEnabled()</span><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><strong></strong><span style="color:#000000;"><strong>enableGoogleBar() </strong></span><span style="color:#000000;">รายละเอียด:: ใช้ในการเพิ่มตัว GoogleBar ลงไปในแผนที่ โดยจะแสดงทางด้านซ้ายล่าง ตัวอย่างการใช้งาน<br />
</span><span style="color:#000000;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><code class="self-link">enableGoogleBar()</code><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span></li>
<li><span style="color:#000000;"><strong>disableGoogleBar()</strong></span><code class="self-link"> รายละเอียด:: ใช้ในการกำหนดไม่ให้แสดง </code><span style="color:#000000;">GoogleBar ในแผนที่<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
</span><span class="teleType">map.</span><code class="self-link">disableGoogleBar()</code><span class="teleType">;</span><span style="color:#000000;"><span class="point"><br />
</span>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</span><span style="color:#000000;"> </span></p>
<h2><span style="color:#0000ff;"><span style="text-decoration:underline;"><a title="ตัวอย่างการใช้งาน" href="http://www.mychiangrai.com/googibmap/exam/MethodsConfiguration.html" target="_blank">ตัวอย่างการใช้งาน Methods Configuration คลิกที่นี่</a></span></span></h2>
</li>
</ol>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/31/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=31&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/04/28/methods-configuration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/google_maps_logo.png" medium="image">
			<media:title type="html">google_maps_logo</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/ex_5.gif" medium="image">
			<media:title type="html">ex_5</media:title>
		</media:content>
	</item>
		<item>
		<title>Class GMap2 &#8211;&gt; Constructor</title>
		<link>http://googib.wordpress.com/2009/04/27/class-gmap2/</link>
		<comments>http://googib.wordpress.com/2009/04/27/class-gmap2/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 07:18:50 +0000</pubDate>
		<dc:creator>GooGib</dc:creator>
				<category><![CDATA[Class GMap2]]></category>
		<category><![CDATA[Constructor]]></category>
		<category><![CDATA[GMap2]]></category>

		<guid isPermaLink="false">http://googib.wordpress.com/2009/04/27/class-gmap2/</guid>
		<description><![CDATA[GMap2(container:Node, opts?:GMapOptions) GMap2 จะเป็นคลาสที่ใหญ่ที่สุดนะครับและสำคัญที่สุด(ผมว่านะ) ใช้สำหรับการสร้างแผนที่ขึ้นมาใหม่ ให้มาแสดงบนหน้าเว็บของเรานั้นเอง โดยมีรูปแบบการใช้งานดังนี้นะครับ คือ ในการใช้งาน Gmap2 นั้นเราต้องประกาศตัวแปลขึ้นมาก่อนเพื่อท่จะเอามารับค่า ของ Map นะครับ ดังตัวอย่างจะใช้ ตัวแปล Map ในการรับค่า เมื่อประกาศตัวแปลขึ้นมารับค่าเราจึงเรียกใช้ Function Gmap2 ตามรูปแบบที่ Google กำหนดมาให้เราคือ  GMap2(container:Node, opts?:GMapOptions) container คือการว่าจะเอาแผนที่ที่เราสร้างไปแสดงที่ไหน เช่นตัวอย่าง ก็จะเอาไปแสดงที่ Element ที่มีชื่อว่า map_canvas นั้นเองส่วนการเรียกใช้ จะเป็นดังรูป จากรูปจะมีการประกาศ tag div ที่มี  id=&#8221;map_canvas&#8221; ขึ้นมาเพื่อแสดงแผนที่ GMapOptions ส่วนนี้คือส่วนที่ใช้ในการกำหนดลักษณะของ แผนที่นั้นเอง เช่นให้แผนที่แสดงในลักษณะใด เช่น แสดงรูปแบบ ดาวเที่ยม แสดงรูปแบบผสม เป็นต้น เรื่องนี้ต้องไปต่อกันที่ GmaOption ต่อครับ รูปแบบการใช้งานเดวผมหาก่อนนะครับ เหมือนจะเคยทำไว้ กรุณารอสักครู่&#8230;&#8230;&#8230; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=14&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><span style="color:#008000;">GMap2(container:Node, opts?:</span><a title="GMapOptions" href="#GMapOptions"><span style="color:#008000;">GMapOptions</span></a><span style="color:#008000;">)</span></p>
<ul>
<li><span style="color:#008000;"><span style="color:#000000;">GMap2 จะเป็นคลาสที่ใหญ่ที่สุดนะครับและสำคัญที่สุด(ผมว่านะ) ใช้สำหรับการสร้างแผนที่ขึ้นมาใหม่ ให้มาแสดงบนหน้าเว็บของเรานั้นเอง โดยมีรูปแบบการใช้งานดังนี้นะครับ คือ</span></span></li>
</ul>
<p style="text-align:center;"><span style="color:#008000;"><span style="color:#000000;"><img class="size-full wp-image-21 aligncenter" title="ex_2" src="http://googib.files.wordpress.com/2009/04/ex_2.gif?w=499&#038;h=152" alt="ex_2" width="499" height="152" /></span></span></p>
<p><span style="color:#000000;"><span id="more-14"></span>ในการใช้งาน Gmap2 นั้นเราต้องประกาศตัวแปลขึ้นมาก่อนเพื่อท่จะเอามารับค่า ของ Map นะครับ ดังตัวอย่างจะใช้ ตัวแปล Map ในการรับค่า เมื่อประกาศตัวแปลขึ้นมารับค่าเราจึงเรียกใช้ Function Gmap2 ตามรูปแบบที่ Google กำหนดมาให้เราคือ  <span style="color:#008000;">GMap2(container:Node, opts?:</span><a title="GMapOptions" href="#GMapOptions"><span style="color:#008000;">GMapOptions</span></a><span style="color:#008000;">)</span></span></p>
<ul>
<li><span style="color:#000000;"><span style="color:#008000;">container <span style="color:#000000;">คือการว่าจะเอาแผนที่ที่เราสร้างไปแสดงที่ไหน เช่นตัวอย่าง ก็จะเอาไปแสดงที่ Element ที่มีชื่อว่า map_canvas นั้นเองส่วนการเรียกใช้ จะเป็นดังรูป</span></span></span></li>
</ul>
<p style="text-align:center;"><span style="color:#000000;"><span style="color:#008000;"><img class="size-full wp-image-22 aligncenter" title="ex_3" src="http://googib.files.wordpress.com/2009/04/ex_3.png?w=400&#038;h=74" alt="ex_3" width="400" height="74" /></span></span></p>
<p style="text-align:center;"><span style="color:#000000;"><span style="color:#008000;">จากรูปจะมีการประกาศ tag div ที่มี  id=&#8221;map_canvas&#8221; ขึ้นมาเพื่อแสดงแผนที่</span></span></p>
<ul>
<li><span style="color:#000000;"><a title="GMapOptions" href="#GMapOptions"><span style="color:#008000;">GMapOptions</span></a> ส่วนนี้คือส่วนที่ใช้ในการกำหนดลักษณะของ แผนที่นั้นเอง เช่นให้แผนที่แสดงในลักษณะใด เช่น แสดงรูปแบบ ดาวเที่ยม แสดงรูปแบบผสม เป็นต้น เรื่องนี้ต้องไปต่อกันที่ GmaOption ต่อครับ รูปแบบการใช้งานเดวผมหาก่อนนะครับ เหมือนจะเคยทำไว้ กรุณารอสักครู่&#8230;&#8230;&#8230;</span></li>
</ul>
<p style="text-align:center;"><span style="color:#000000;"><img class="size-full wp-image-24 aligncenter" title="ex_4" src="http://googib.files.wordpress.com/2009/04/ex_4.gif?w=610&#038;h=34" alt="ex_4" width="610" height="34" /></span></p>
<p style="text-align:left;"><span style="color:#000000;">จากรูปจะเห็นว่าเราสามารถเพิ่ม GmapOptions เข้าไปได้ จากรูปผมได้เพิ่มชนิดของแผนที่เข้าไป ให้เป็นแบบ G_HYBRID_MAP </span><span style="color:#000000;">แผนที่ก็จะแสดงออกมาดังตัวอย่างข้างล่างนี้ครับ</span></p>
<p style="text-align:left;"> </p>
<ul>
<li>
<h2 style="text-align:left;"><span style="color:#000000;"><a href="http://www.mychiangrai.com/googibmap/exam/Gmap2_opt.html">ตัวอย่างการแสดง แผนที่โดยเพิ่มค่า <span style="color:#000000;"><span style="color:#008000;">GMapOptions</span> <span style="color:#ff0000;">คลิก</span></span></a></span></h2>
</li>
</ul>
<p style="text-align:left;"><span style="color:#000000;"><span style="color:#000000;">แต่วิธีนี้เขาไม่ค่อยนิยมทำกันเท่าไหร่นะครับ เพราะมันทำให้ Code ยาว ส่วนวิธีที่นิยมใช้นั้น เอาไว้ต่อบทความหน้านะครับ</span></span></p>
<p style="text-align:left;"> </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/googib.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/googib.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/googib.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/googib.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/googib.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/googib.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/googib.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/googib.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/googib.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/googib.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/googib.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/googib.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/googib.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/googib.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=googib.wordpress.com&amp;blog=7518753&amp;post=14&amp;subd=googib&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://googib.wordpress.com/2009/04/27/class-gmap2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/3f89daf21a1ec9bc858cf9e1711b84b4?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">GooGib</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/ex_2.gif" medium="image">
			<media:title type="html">ex_2</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/ex_3.png" medium="image">
			<media:title type="html">ex_3</media:title>
		</media:content>

		<media:content url="http://googib.files.wordpress.com/2009/04/ex_4.gif" medium="image">
			<media:title type="html">ex_4</media:title>
		</media:content>
	</item>
	</channel>
</rss>
