JavaScript È°¿ëÆÁ
2013.11.20 / 14:04

01. ±¸±Û¸ÊÀÇ È°¿ë – Google Maps API

±×´©
Ãßõ ¼ö 238

01. ±¸±Û¸ÊÀÇ È°¿ë – Google Maps API

±¸±Û¸ÊÀÇ È°¿ë – Google Maps API

1). Google Maps API Á¦Ç°±º

Google Maps API´Â »ç¿ëÀÚ¿¡°Ô ¹«·á·Î Á¦°øµÇ¸ç ¸ðµç À¥»çÀÌÆ®¿¡¼­ »ç¿ë °¡´ÉÇÑ ¹«·á ¼­ºñ½ºÀÔ´Ï´Ù. »ç¿ë·á¸¦ ºÎ°úÇϰųª ÀÚ»êÀ» ÃßÀûÇϰųª ³»ºÎ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â ¾÷üÀÎ °æ¿ì Çâ»óµÈ ±â´É, ±â¼ú Áö¿ø ¹× ¼­ºñ½º ¼öÁØ °è¾àÀ» Á¦°øÇÏ´Â Google Maps API Premier¸¦ »ç¿ëÇØ¾ß ÇÕ´Ï´Ù.

Google Áöµµ¿¡´Â ´Ù¾çÇÑ API°¡ ÀÖÀ¸¸ç, À̸¦ ÅëÇØ »ç¿ëÀÚ´Â ÀÚ½ÅÀÇ À¥»çÀÌÆ®¿Í ¾ÖÇø®ÄÉÀ̼ǿ¡ Google ÁöµµÀÇ °­·ÂÇÑ ±â´É°ú ÀÏ»óÀûÀÎ À¯¿ëÇÑ ±â´ÉÀ» »ðÀÔÇÏ°í ±× À§¿¡ ÀÚ½ÅÀÇ µ¥ÀÌÅ͸¦ Ãß°¡ÇÒ ¼ö ÀÖ½À´Ï´Ù.

 

Maps JavaScript API
Javascript¸¦ »ç¿ëÇÏ¿© À¥ÆäÀÌÁö¿¡ Google Áöµµ¸¦ »ðÀÔÇÕ´Ï´Ù. Áöµµ¸¦ Á¶ÀÛÇÏ°í ´Ù¾çÇÑ ¼­ºñ½º¸¦ ÅëÇØ ÄÜÅÙÃ÷¸¦ Ãß°¡ÇÕ´Ï´Ù.
Maps JavaScript API ¹Ù·Î°¡±â
Maps API for Flash
Flash ±â¹Ý À¥ÆäÀÌÁö³ª ¾ÖÇø®ÄÉÀ̼ǿ¡ Google Áöµµ¸¦ »ðÀÔÇÏ·Á¸é ÀÌ ActionScript API¸¦ »ç¿ëÇÕ´Ï´Ù. 3Â÷¿øÀ¸·Î Áöµµ¸¦ Á¶ÀÛÇÏ°í ´Ù¾çÇÑ ¼­ºñ½º¸¦ ÅëÇØ ÄÜÅÙÃ÷¸¦ Ãß°¡ÇÕ´Ï´Ù.Maps API for Flash ¹Ù·Î°¡±â
 Google Earth APIÁøÁ¤ÇÑ 3D µðÁöÅÐ Áö±¸¸¦ À¥ÆäÀÌÁö¿¡ »ðÀÔÇÕ´Ï´Ù. À¥ÆäÀÌÁö¸¦ ¹þ¾î³ªÁö ¾ÊÀº ä ¹æ¹®ÀÚ¸¦ Áö±¸ ¾î´À °÷À¸·Îµç(½ÉÁö¾î ¹Ù´Ù ¼ÓÀ¸·Îµµ) ¾È³»ÇÒ ¼ö ÀÖ½À´Ï´Ù.Google Earth API ¹Ù·Î°¡±â
Static Maps APIºü¸£°í °£´ÜÇÏ°Ô Google Áöµµ À̹ÌÁö¸¦ ÀÚ½ÅÀÇ À¥ÆäÀÌÁö³ª ¸ð¹ÙÀÏ »çÀÌÆ®¿¡ »ðÀÔÇÕ´Ï´Ù. Javascript³ª µ¿Àû ÆäÀÌÁö ·ÎµùÀº ÇÊ¿äÇÏÁö ¾Ê½À´Ï´Ù.Static Maps API ¹Ù·Î°¡±â
À¥ ¼­ºñ½ºURL ¿äûÀ» »ç¿ëÇÏ¿© Ŭ¶óÀ̾ðÆ® ¾ÖÇø®ÄÉÀ̼ǿ¡¼­ Áö¿ÀÄÚµù, ±æã±â, °íµµ ¹× Àå¼Ò Á¤º¸¿¡ Á¢±ÙÇÏ°í °á°ú¸¦ JSONÀ̳ª XML·Î Á¶ÀÛÇÕ´Ï´Ù.À¥ ¼­ºñ½º ¹Ù·Î°¡±â
Áöµµ µ¥ÀÌÅÍ APIÁöÇüÁö¹°ÀÇ ¸ðµ¨(Placemark, ¼± ¹× ¸ð¾ç)°ú ÁöÇüÁö¹° ¸ðÀ½À» »ç¿ëÇÏ¿© Google Data API Çǵ带 ÅëÇØ Áöµµ µ¥ÀÌÅ͸¦ º¸°í ÀúÀåÇÏ°í ¾÷µ¥ÀÌÆ®ÇÕ´Ï´Ù. (ÇöÀç ¼­ºñ½º µÇÁö ¾ÊÀ½)Áöµµ µ¥ÀÌÅÍ API ¹Ù·Î°¡±â

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/]