- 01. ±¸±Û¸ÊÀÇ È°¿ë - Google Maps API
- 02. ±¸±Û¸Ê(Google Maps API) ±âÃÊ Àû¿ë, ±¸±Û¸Ê ÁÂÇ¥°ª ±¸Çϱâ
- 03. ±¸±Û¸Ê(Google Maps API) ´Ù°¢Çü ¿µ¿ª ¼³Á¤Çϱâ
- 04. ±¸±Û¸Ê(Google Maps API) Á¤º¸ â(InfoWindow) ¶ç¿ì±â
- 05. ±¸±Û¸Ê(Google Maps API) ¸¶Ä¿(Marker) Ç¥½ÃÇϱâ
- 06. ±¸±Û¸Ê(Google Maps API) ¿òÁ÷ÀÌ´Â ¸¶Ä¿(Animated Marker) Ç¥½ÃÇϱâ
- 07. ±¸±Û¸Ê(Google Maps API) ¸¶Ä¿(Marker) ¾ÆÀÌÄÜ ¹Ù²Ù±â
- 08. ±¸±Û¸Ê(Google Maps API) ¿©·¯ °³ÀÇ ¸¶Ä¿(Mutiple Marker) Ç¥½ÃÇϱâ
- 09. ±¸±Û¸Ê(Google Maps API) ¿©·¯ °³ÀÇ ¸¶Ä¿¿Í Á¤º¸Ã¢ ¶ç¿ì±â
- 10. ±¸±Û¸Ê(Google Maps API) ¿©·¯ °³ÀÇ ¹Ù¿î½º ¸¶Ä¿(Bounced Marker)¿Í Á¤º¸Ã¢ ¶ç¿ì±â
- 11. ±¸±Û¸Ê(Google Maps API) ¿©·¯ °³ÀÇ ¸¶Ä¿, Á¤º¸Ã¢, ¿µ¿ª¼³Á¤
±¸±Û¸ÊÀÇ È°¿ë – Google Maps API
1). Google Maps API Á¦Ç°±º
Google Maps API´Â »ç¿ëÀÚ¿¡°Ô ¹«·á·Î Á¦°øµÇ¸ç ¸ðµç À¥»çÀÌÆ®¿¡¼ »ç¿ë °¡´ÉÇÑ ¹«·á ¼ºñ½ºÀÔ´Ï´Ù. »ç¿ë·á¸¦ ºÎ°úÇϰųª ÀÚ»êÀ» ÃßÀûÇϰųª ³»ºÎ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â ¾÷üÀÎ °æ¿ì Çâ»óµÈ ±â´É, ±â¼ú Áö¿ø ¹× ¼ºñ½º ¼öÁØ °è¾àÀ» Á¦°øÇÏ´Â Google Maps API Premier¸¦ »ç¿ëÇØ¾ß ÇÕ´Ï´Ù.
Google Áöµµ¿¡´Â ´Ù¾çÇÑ API°¡ ÀÖÀ¸¸ç, À̸¦ ÅëÇØ »ç¿ëÀÚ´Â ÀÚ½ÅÀÇ À¥»çÀÌÆ®¿Í ¾ÖÇø®ÄÉÀ̼ǿ¡ Google ÁöµµÀÇ °·ÂÇÑ ±â´É°ú ÀÏ»óÀûÀÎ À¯¿ëÇÑ ±â´ÉÀ» »ðÀÔÇÏ°í ±× À§¿¡ ÀÚ½ÅÀÇ µ¥ÀÌÅ͸¦ Ãß°¡ÇÒ ¼ö ÀÖ½À´Ï´Ù.
Javascript¸¦ »ç¿ëÇÏ¿© À¥ÆäÀÌÁö¿¡ Google Áöµµ¸¦ »ðÀÔÇÕ´Ï´Ù. Áöµµ¸¦ Á¶ÀÛÇÏ°í ´Ù¾çÇÑ ¼ºñ½º¸¦ ÅëÇØ ÄÜÅÙÃ÷¸¦ Ãß°¡ÇÕ´Ï´Ù.
Maps JavaScript API ¹Ù·Î°¡±â
Flash ±â¹Ý À¥ÆäÀÌÁö³ª ¾ÖÇø®ÄÉÀ̼ǿ¡ Google Áöµµ¸¦ »ðÀÔÇÏ·Á¸é ÀÌ ActionScript API¸¦ »ç¿ëÇÕ´Ï´Ù. 3Â÷¿øÀ¸·Î Áöµµ¸¦ Á¶ÀÛÇÏ°í ´Ù¾çÇÑ ¼ºñ½º¸¦ ÅëÇØ ÄÜÅÙÃ÷¸¦ Ãß°¡ÇÕ´Ï´Ù.Maps API for Flash ¹Ù·Î°¡±â
2). Google Map Javascript API V3 ÀÚÁÖÀÖ´Â Áú¹®(FaQ) Á¤¸®
Q. ÈÞ´ë±â±â¿¡ Áöµµ ¾ÖÇø®ÄÉÀ̼ÇÀ» Àü´ÞÇÏ·Á¸é ¾î¶»°Ô ÇØ¾ß Çϳª¿ä?
A. Google Áöµµ ÀÚ¹Ù½ºÅ©¸³Æ® API V3Àº ¸ð¹ÙÀÏ ±â±â¿¡ ¸Â°Ô °³¹ßµÇ¾úÀ¸¸ç, Apple iPhone°°ÀÌ Àüü ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ±¸ÇöµÈ À¥ºê¶ó¿ìÀú¸¦ Æ÷ÇÔÇÏ´Â ±â±â ¹× µ¥½ºÅ©ÅéÀ» ´ë»óÀ¸·Î ÇÏ´Â ºê¶ó¿ìÀú ¾ÖÇø®ÄÉÀ̼ǿ¡ ÀûÇÕÇÕ´Ï´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ® API¸¦ »ç¿ëÇÒ ¼ö ¾ø´Â ±â±â¸¦ ´ë»óÀ¸·Î ÇÏ´Â ºê¶ó¿ìÀú ±â¹Ý ¾ÖÇø®ÄÉÀ̼ÇÀÇ °æ¿ì¿¡´Â Á¤Àû Áöµµ API¿¡¼ ¸¶Ä¿ ¹× Æú¸®¶óÀÎÀÌ Æ÷ÇÔµÈ GIF, JPG ¹× PNG Çü½ÄÀÇ Áöµµ À̹ÌÁö¸¦ Á¦°øÇÕ´Ï´Ù. ºê¶ó¿ìÀú ¿ÜºÎ¿¡¼ Á¤Àû Áöµµ API¸¦ »ç¿ëÇÏ·Á¸é Áöµµ À̹ÌÁö¸¦ Google Áöµµ¿¡ ¿¬°áÇØ¾ß ÇÕ´Ï´Ù.
Android ¾ÖÇø®ÄÉÀ̼ǿ¡¼ Áöµµ¸¦ ÅëÇÕÇÏ·Á¸é Android Áöµµ ¿ÜºÎ ¶óÀ̺귯¸®¸¦ »ç¿ëÇÕ´Ï´Ù.
±âº» iPhone ¾ÖÇø®ÄÉÀ̼ǿ¡ Áöµµ¸¦ ÅëÇÕÇÏ·Á¸é Apple iPhone MapKit ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÕ´Ï´Ù.
Q. Google Áöµµ JS API°¡ Áö¿øÇÏ´Â À¥ ºê¶ó¿ìÀú´Â ¹«¾ùÀΰ¡¿ä?
A. Google Maps JavaScript API´Â ´ÙÀ½ÀÇ À¥ºê¶ó¿ìÀú¸¦ Áö¿øÇÕ´Ï´Ù.
Google Áöµµ ÀÚ¹Ù½ºÅ©¸³Æ® API V3:
• IE 7.0+ (Windows)
• Firefox 3.0 ÀÌ»ó (Windows, Mac OS X, Linux)
• Safari 4+(Mac OS X, iOS)
• Chrome(Windows, Mac OS X, Linux)
• Android
• BlackBerry 6
• Dolfin 2.0+(»ï¼º ¹Ù´Ù)
Q. »ó¾÷¿ë À¥»çÀÌÆ®¿¡¼ Google Maps API¸¦ »ç¿ëÇÒ ¼ö ÀÖ³ª¿ä?
A. ÀϹÝÀûÀ¸·Î »çÀÌÆ®¿¡ »ç¿ëÀÚ°¡ ¹«·á·Î Á¢±ÙÇÒ ¼ö ÀÖ´Ù¸é Google Maps API¸¦ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ¿¹¸¦ µé¾î, ±¤°í¸¦ ÅëÇØ À¯ÁöµÇ´Â À¥»çÀÌÆ®´Â Google Áöµµ API ÀÌ¿ë¾à°ü¿¡ ºÎÇÕÇÒ °¡´É¼ºÀÌ Å®´Ï´Ù. Áöµµ¿¡ Á¤º¸¸¦ ¿Ã¸®´Â »ç¶÷(ºÎµ¿»ê ¸Å¹° Á¤º¸ µî·Ï µî)¿¡°Ô ºñ¿ëÀ» ¹Þ´õ¶óµµ ÇØ´ç Á¤º¸¸¦ Google Áöµµ API¸¦ »ç¿ëÇÏ¿© »çÀÌÆ®ÀÇ ¹«·á ¿µ¿ª¿¡ Ç¥½ÃÇÑ´Ù¸é Google Áöµµ API ÀÌ¿ë¾à°ü¿¡ ºÎÇÕÇÕ´Ï´Ù.
ÇÏÁö¸¸ ¸ðµç »ó¾÷¿ë »ç¿ëÀÌ Çã¿ëµÇ´Â °ÍÀº ¾Æ´Õ´Ï´Ù. ¿¹¸¦ µé¾î ´ÙÀ½ ±âÁØ Áß¿¡¼ Çϳª¶óµµ ÇØ´çµÇ´Â ³»¿ëÀÌ ÀÖ´Â »çÀÌÆ®´Â ¾Ë¸ÂÀº Google Áöµµ API °í±ÞÇü ¶óÀ̼¾½º¸¦ ±¸ÀÔÇØ¾ß ÇÕ´Ï´Ù.
• À¯·á °í°´¸¸ »çÀÌÆ®¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Â °æ¿ì.
• ȸ»ç³ª ÀÎÆ®¶ó³Ý ¾È¿¡¼¸¸ »çÀÌÆ®¿¡ ¾×¼¼½ºÇÒ ¼ö ÀÖ´Â °æ¿ì.
• ¾÷ü ¹ß¼Û, Â÷·® °ü¸® ¶Ç´Â ºñÁî´Ï½º ÀÚ»ê ÃßÀû°ú °ü·ÃµÈ ¾ÖÇø®ÄÉÀÌ¼Ç ¶Ç´Â ÀÌ¿Í À¯»çÇÑ ¾ÖÇø®ÄÉÀ̼Ç
GoogleÀº Google Áöµµ API »ç¿ëÀ» ¾ðÁ¦µçÁö ÀϽà ÁßÁöÇϰųª Á¾·áÇÒ ¼ö ÀÖ´Â ±Ç¸®¸¦ °¡Áö°í ÀÖ½À´Ï´Ù. ÀÌ¿ë¾à°üÀ» ÀÚ¼¼È÷ ÀоîÁÖ¼¼¿ä.
[ÀÚ·áÃâó: Google Map API, http://code.google.com/intl/ko-KR/apis/maps/]