Computerlogy - Web Application Development » gmap3 http://www.computerlogy.com Technology Matters Tue, 26 Jul 2011 10:48:44 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 ข้อแตกต่างระหว่าง Google Maps API V2 และ V3 (พื้นฐาน) http://www.computerlogy.com/%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b9%81%e0%b8%95%e0%b8%81%e0%b8%95%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%b0%e0%b8%ab%e0%b8%a7%e0%b9%88%e0%b8%b2%e0%b8%87-google-maps-api-v2-v3 http://www.computerlogy.com/%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b9%81%e0%b8%95%e0%b8%81%e0%b8%95%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%b0%e0%b8%ab%e0%b8%a7%e0%b9%88%e0%b8%b2%e0%b8%87-google-maps-api-v2-v3#comments Mon, 22 Mar 2010 09:44:01 +0000 admin http://www.computerlogy.com/?p=177 ปัจจุบันนี้ Google ได้เปิดบริการเรียกการเชื่อมต่อกับ Google Maps ถึง 2 เวอร์ชั่นคือ Google Maps API V2 และ V3 (หรือ GMAP2 และ GMAP3 นั่นเอง) หลายคนอาจจะงงว่า เอ๊ แล้วเราจะเลือกใช้เวอร์ชั่นไหนดีล่ะ

สำหรับ Google Maps API V2 (GMAP2) เปิดตัวครั้งแรกตั้งแต่เดือนเมษายน ปี 2006 เป็นเวอร์ชั่นที่สเถียรและใช้งานกันอย่างแพร่หลายที่สุดในปัจจุบัน เรียกว่าเกือบทุกๆ เว็บที่พัฒนาเชื่อมต่อกับ Google maps (Map Mashup) ทั้งหลายก็ใช้ GMAP2 กันเกือบทั้งหมด

ส่วน Google Maps API V3 (GMAP3) ที่พึ่งเปิดตัวไปช่วงกลางปี 2009 ที่ผ่านมา ณ.วันนี้ (22/03/2010) GMAP3 ยังถือว่าไม่ใช่เวอร์ชั่นมาตราฐานที่ใช้พัฒนากันทั่วไป เนื่องจากยังอยู่ใน Labs ยังไม่มี Official Release กันอย่างจริงๆ จังๆ แต่เนื่องจากการที่มีคุณสมบัติการเรียกใช้ที่ dynamic มากกว่า จึงทำให้นักพัฒนาหลายๆ กลุ่มเริ่มขยับขยายมาใช้ GMAP3 กันบ้างแล้ว และจากที่ได้พัฒนาบน GMAP3 มาซักพักก็พบว่า การใช้งานโดยทั่วไปก็สเถียรเกือบหมดแล้ว ติดตรงที่พบบักเรื่องการหาระยะทางอีกนิดหน่อย และหาเอกสารอ่านได้ยากกว่า GMAP2 (อาจจะเพราะว่า พึ่งออกนั่นเอง)

GMAP3

(ภาพประกอบ Theme ที่อยู่ใน Lab ของ Computerlogy)

เอาล่ะ เรามาดูข้อแตกต่างสำหรับการเรียกใช้ GMAP2 VS GMAP3 สำหรับการเรียกใช้แบบสุดพื้นฐาน หรือ Hello World กันดีกว่า

เริ่มจากการเรียก Java script ในส่วนบน
GMAP2

[code lang="html"]
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
type="text/javascript">
</script>
[/code]

GMAP3

[html]
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false">
</script>
[/html]

การจะเรียกใช้ GMAP2 จะต้องอ้างอิงถึง API Key ในทุกๆครั้ง แต่สำหรับ GMAP3 ไม่ต้องแล้ว

ฟังก์ชั่นการเรียกค่าเริ่มต้น (Initialize)
GMAP2

[html]
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
map.setUIToDefault();
}
}
</script>
[/html]

GMAP3

[html]
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
</script>
[/html]

สังเกตุว่าการเรียกค่าต่างๆ แยกออกเป็นส่วนๆ และมองเป็น Object มากขึ้น

สุดท้ายจบที่ส่วน Body ที่เรียกใช้งาน function ข้างบน
GMAP2

[html]
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>
[/html]

GMAP3

[html]
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
[/html]

แทบจะไม่มีอะไรแตกต่างในส่วนนี้

ซึ่งโดยภาพรวมการเรียกใช้ในระดับสูง (Presentation layer) มีข้อแตกต่างกันที่น้อยมาก ส่วนที่จะต้องปรับปรุงแก้ไข หากเปลี่ยนจาก GMAP2 มาเป็น GMAP3 จะเป็นส่วนการเรียกใช้ฟังก์ชั่นต่างๆ ที่ API ให้มาซึ่งจะต้องไปเทียบกันพอสมควรทีเดียว ดังนั้นหากใครกำลังวางแผนจะพัฒนาระบบที่เชื่อมต่อกับ Google Maps API แนะนำว่าให้ตัดสินใจเลือกเวอร์ชั่นให้ดี เพราะคาดว่า GMAP3 ก็จะออกจาก Labs ภายในปี 2010 นี้แน่นอน และฟังก์ชั่นการใช้งานใหม่ๆ ก็ออกมาสำหรับ GMAP3 เท่านั้นซะด้วยซิ

]]> http://www.computerlogy.com/%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b9%81%e0%b8%95%e0%b8%81%e0%b8%95%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%b0%e0%b8%ab%e0%b8%a7%e0%b9%88%e0%b8%b2%e0%b8%87-google-maps-api-v2-v3/feed 0 ค้นหา tweet ผ่านแผนที่ Google Maps http://www.computerlogy.com/%e0%b8%84%e0%b9%89%e0%b8%99%e0%b8%ab%e0%b8%b2-tweet-%e0%b8%9c%e0%b9%88%e0%b8%b2%e0%b8%99%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%97%e0%b8%b5%e0%b9%88-google-map http://www.computerlogy.com/%e0%b8%84%e0%b9%89%e0%b8%99%e0%b8%ab%e0%b8%b2-tweet-%e0%b8%9c%e0%b9%88%e0%b8%b2%e0%b8%99%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%97%e0%b8%b5%e0%b9%88-google-map#comments Sun, 28 Feb 2010 16:20:38 +0000 admin http://www.computerlogy.com/?p=169 เคยอยากรู้ว่าบ้านข้างๆ หรือผู้คนในพื้นที่ที่เราอยู่เค้าพูด เค้าสนใจในเรื่องอะไรในเวลานี้ไหม?

เพราะปัจจุบันนี้ ยุคที่ Twitter บูมสุดขีด ผ่านไปทางไหนก็มีแต่คนหยิบโทรศัพท์ขึ้นมาทวีต หรือแม้แต่ส่งข้อความสั้นไปหาคนที่เราจะคุยด้วย ซึ่งทุกๆ tweet ที่ออกมาเป็นข้อมูลที่ไม่ใช่ความลับแต่อย่างใด เพราะใครก็สามารถเข้าไปดูข้อมูลที่คุณ tweet ได้โดยไม่ต้อง follow ยกเว้นเสียแต่ว่าเค้าจะเลือกป้องกันข้อมูลของเค้า นั่นแหละคุณจะต้องเป็น follower ของคนคนนั้นเพื่อจะดูข้อมูล tweet

เว็บไซต์ TwitNearby (http://twitnearby.com) จึงพัฒนาด้วยการเชื่อมกับ Twitter API (Application Programming Interface) และ Google Maps API V3 (GMAP3) เพื่อส่งผ่านข้อมูลระหว่างกัน และแสดงข้อมูล tweet ในพื้นที่ใกล้เคียงผ่านแผนที่ของ Google โดยเว็บไซต์ ?TwitNearby เป็นหนึ่งในผลงานของ Computerlogy ที่พัฒนาขึ้นเพื่อแสดงให้เห็นการประยุกต์ใช้ข้อมูลจากหลายๆ ส่วนมารวมกันเพื่อประโยชน์ที่หลากหลายในการใช้งาน

ซึ่งนอกจากเข้าไปดูผู้คน tweet ผ่าน Google Maps สนุกๆ แล้ว ยังสามารถวิเคราะห์เพื่อดูข่าว ที่เกิดขึ้นในพื้นที่นั้นๆ อาทิ รถติด หรือสถานการณ์ต่างๆ นอกจากนี้ยังสามารถตรวจสอบเทรน (Trend) หรือสิ่งที่ผู้คนพูดถึงเพื่อประโยชน์ทางการตลาดได้อีกด้วย

twitnearby ]]> http://www.computerlogy.com/%e0%b8%84%e0%b9%89%e0%b8%99%e0%b8%ab%e0%b8%b2-tweet-%e0%b8%9c%e0%b9%88%e0%b8%b2%e0%b8%99%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%97%e0%b8%b5%e0%b9%88-google-map/feed 0 Maps application development http://www.computerlogy.com/maps-application-development http://www.computerlogy.com/maps-application-development#comments Tue, 01 Dec 2009 17:51:17 +0000 admin http://www.computerlogy.com/?p=37 Computerlogy ให้บริการพัฒนาระบบควบคุมการใช้งานแผนที่ (Map Solutions) เพื่อให้คุณได้ใช้แผนที่ โดยมีรูปแบบข้อมูล และดีไซน์ตามความต้องการของคุณมากที่สุด

map-development

ระบบ Map Mashup Solutions ของเรา มีการออกแบบสถาปัตยกรรมการทำงานที่รัดกุม มีประสิทธิภาพ และความปลอดภัยสูง ซึ่งเรียกใช้ Google Map ผ่านทาง Google Map API V3 (GMap3) เวอร์ชั่นล่าสุด ซึ่งสามารถนำเสนอข้อมูลได้ในสาม (3) รูปแบบคือ

1. การสร้างแผนที่แบบ Interactive

คือการวางแผนที่ ที่ประกอบไปด้วยข้อมูล ที่ประกอบไปด้วยรายละเอียดต่างๆ ตามความต้องการ พร้อมกับระบบค้นหาที่มีประสิทธิภาพ ที่ให้ผู้ใช้งานได้ค้นหาได้หลากหลายรูปแบบตามความต้องการของตัวเอง อาทิ ค้นหาร้านอาหารในจังหวัดเชียงใหม่, ค้นหาบ้านเช่าในเขต 5 กิโลเมตรรอบสถานที่ทำงาน, ค้นหาสาขาธนาคารในภาคอีสาน

2. การแสดงรายงานต่างๆ ผ่านแผนที่ (Demographic report)

เป็นรูปแบบการแสดงข้อมูลต่างๆ แจกแจงตามพื้นที่ในอณาเขตที่ต้องการ โดยข้อมูลที่นำมาแสดงผลนั้น ไม่จำเป็นต้องเป็นข้อมูลตายตัวเสมอไป อาจจะเป็นข้อมูลที่มีการเคลื่อนไหวตลอดเวลาก็ได้ โดยระบบแสดงรายงานก็จะทำการแสดงผลแบบ Real-time โดยรูปแบบการแสดงผลดังกล่าว อาจจะนำมาประยุกต์ใช้ดังนี้?การแสดงยอดการขายแยกตามจังหวัดโดยเรียกจากฐานข้อมูลที่มีอยู่ในปัจจุบัน,?การปริมาณข่าวที่เกิดขึ้นในช่วงวันแยกตามประเภทข่าวและจังหวัดที่เกิด,?การแสดงข้อมูลวัตถุดิบที่มีอยู่ในช่วงเวลานั้น

3. การแสดงข้อมูลแบบตรวจสอบสถานะ (Geo tracking)

เป็นการแสดงแผนที่เพื่อตรวจสอบ หรือนำเสนอข้อมูลของคน รถยนต์ หรือยานภาหนะต่างๆ โดยเชื่อมต่อกับอุปกรณ์ส่งสัญญาณแบบ GPS โทรศัพท์มือถือ หรือแม้แต่การเรียกใช้ Twitter โดยผ่านทาง API ของอุปกรณ์ต่างๆ เหล่านั้น เพื่อนำมาแสดงผลในแผนที่ โดยอาจจะแสดงผลแบบ Interactive หรือ Demographic report ก็ได้

Our Technology

เนื่องจากระบบแผนพัฒนาโดยการเรียก Google Map ผ่าน Map API ที่รองรับการเรียกใช้งานจากหลากหลายภาษา หลากหลายเทคโนโลยี ซึ่งเทคโนโลยีที่อาจกล่าวได้ว่า สามารถนำมาใช้งานได้มีประสิทธิภาพมากที่สุด จึงขึ้นอยู่กับการนำมาใช้ที่ถูกต้องที่สุดเช่นกัน ดังนั้นเราจึง Focus แต่เปิดกว้างให้เลือกใช้เทคโนโลยีที่เราเชี่ยวชาญดังต่อไปนี้ คือ

- Enterprise Application on Java EE 6 platform
- MySQL
- AJAX (Prototype)
- jQuery
- GMap3 and GMap2

]]> http://www.computerlogy.com/maps-application-development/feed 0