{"id":40081,"date":"2024-11-03T04:11:21","date_gmt":"2024-11-03T04:11:21","guid":{"rendered":"https:\/\/atmokpo.com\/w\/?p=40081"},"modified":"2024-11-26T06:40:07","modified_gmt":"2024-11-26T06:40:07","slug":"27-%eb%a9%80%ed%8b%b0%eb%af%b8%eb%94%94%ec%96%b4-%eb%b0%8f-%ec%9d%b8%ed%84%b0%eb%9e%99%ed%8b%b0%eb%b8%8c-%ec%9a%94%ec%86%8c-%ec%a7%80%eb%8f%84%ec%99%80-%ec%9c%84%ec%b9%98-%ed%91%9c%ec%8b%9c-google","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/40081\/","title":{"rendered":"27. \uba40\ud2f0\ubbf8\ub514\uc5b4 \ubc0f \uc778\ud130\ub799\ud2f0\ube0c \uc694\uc18c, \uc9c0\ub3c4\uc640 \uc704\uce58 \ud45c\uc2dc Google Maps API \uc5f0\ub3d9\ud558\uae30"},"content":{"rendered":"

<\/p>\n

\n \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc0ac\uc774\ud2b8\uc5d0 Google Maps API\ub97c \uc5f0\ub3d9\ud558\uc5ec \uba40\ud2f0\ubbf8\ub514\uc5b4 \ubc0f \uc778\ud130\ub799\ud2f0\ube0c \uc694\uc18c\ub97c \ucd94\uac00\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc2ec\ub3c4 \uae4a\uc740 \uc124\uba85\uacfc \uc608\uc81c\ub97c \uc81c\uacf5\ud558\uaca0\uc2b5\ub2c8\ub2e4.
\n Google Maps\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uc704\uce58 \uc815\ubcf4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\uc2dc\ud560 \uc218 \uc788\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\ub85c, \ud2b9\ud788 \ube44\uc988\ub2c8\uc2a4, \uc774\ubca4\ud2b8 \ubc0f \ub85c\uceec \uc815\ubcf4\ub97c \uc81c\uacf5\ud558\ub294 \ub370 \uc720\uc6a9\ud569\ub2c8\ub2e4.\n <\/p>\n

1. Google Maps API\ub780?<\/h2>\n
\n Google Maps API\ub294 Google\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uc6f9 \uc11c\ube44\uc2a4\ub85c, \uc9c0\ub3c4 \ub370\uc774\ud130\uc640 \uae30\ub2a5\uc744 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \ud1b5\ud569\ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 API\uc785\ub2c8\ub2e4.
\n API\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \uc9c0\ub3c4 \uae30\ub2a5, \uc0ac\uc6a9\uc790 \uc778\ud130\ub799\uc158, \uc7a5\uc18c \ud0d0\uc0c9 \ub4f1\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \uc608\ub97c \ub4e4\uc5b4, \ud2b9\uc815 \uc8fc\uc18c\uc5d0 \ub300\ud55c \ub9c8\ucee4 \ud45c\uc2dc, \uacbd\ub85c \ucc3e\uae30, \uc0ac\uc6a9\uc790 \uc704\uce58 \ucd94\uc801 \ub4f1\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.\n <\/p>\n

1.1. API \uc0ac\uc6a9\uc758 \uc7a5\uc810<\/h3>\n

\uc0ac\uc6a9\uc790 \uce5c\ud654\uc801\uc778 \uc778\ud130\ud398\uc774\uc2a4: \uac04\ub2e8\ud55c API \ud638\ucd9c\ub85c \uace0\uae09 \uae30\ub2a5\uc744 \uc27d\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
\uba40\ud2f0\ubbf8\ub514\uc5b4 \ud45c\ud604: \uc9c0\ub3c4\uc5d0 \ub2e4\uc591\ud55c \uc815\ubcf4\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n

\uc704\uce58 \uae30\ubc18 \uc11c\ube44\uc2a4: \uc0ac\uc6a9\uc790\uc758 \uc704\uce58\uc5d0 \ub530\ub77c \ub9de\ucda4\ud615 \uc815\ubcf4\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n

2. Google Maps API \uc0ac\uc6a9 \uc900\ube44<\/h2>\n
\n Google Maps API\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 API \ud0a4\ub97c \uc0dd\uc131\ud558\uc5ec\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 API \ud0a4\ub97c \ucde8\ub4dd\ud558\ub294 \ub2e8\uacc4\uc785\ub2c8\ub2e4.\n <\/p>\n

2.1. API \ud0a4 \uc0dd\uc131\ud558\uae30<\/h3>\n

API \ud0a4\ub97c \uc548\uc804\ud558\uac8c \ubcf4\uad00\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n

3. \uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0 Google Maps API \uc5f0\ub3d9\ud558\uae30<\/h2>\n
\n \uc774\uc81c Google Maps API \ud0a4\ub97c \uc5bb\uc5c8\uc73c\ubbc0\ub85c, \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc0ac\uc774\ud2b8\uc5d0 \uc774 \uae30\ub2a5\uc744 \ud1b5\ud569\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\n \uc544\ub798\uc758 \ub2e8\uacc4\ub97c \ub530\ub77c \uc9c4\ud589\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\n <\/p>\n

3.1. \ud14c\ub9c8 \ud30c\uc77c \uc218\uc815\ud558\uae30<\/h3>\n

\n Google Maps API\ub97c \uc0ac\uc6a9\ud560 \ud14c\ub9c8\uc758 functions.php<\/code> \ud30c\uc77c\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 \uc2a4\ud06c\ub9bd\ud2b8\ub97c \ucd94\uac00\ud558\uc5ec Google Maps API\ub97c \ub85c\ub4dc\ud569\ub2c8\ub2e4.\n <\/p>\n

\nfunction load_google_maps() {\n    wp_enqueue_script('google-maps', 'https:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY', array(), null, true);\n}\nadd_action('wp_enqueue_scripts', 'load_google_maps');\n    <\/code><\/pre>\n\n        \uc704 \ucf54\ub4dc\uc5d0\uc11c YOUR_API_KEY<\/code>\ub97c \uc5ec\ud398\uc5d0 \uc0dd\uc131\ud55c \uc2e4\uc81c API \ud0a4\ub85c \uad50\uccb4\ud574\uc57c \ud569\ub2c8\ub2e4.
\n        \uc774 \ucf54\ub4dc\ub294 Google Maps JavaScript \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc0ac\uc774\ud2b8\uc758 \ubaa8\ub4e0 \ud398\uc774\uc9c0\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ub85c\ub4dc\ud569\ub2c8\ub2e4.\n    <\/p>\n
3.2. \uc9c0\ub3c4 \ud45c\uc2dc\ud560 HTML \uc694\uc18c \ucd94\uac00\ud558\uae30<\/h3>\n\n        \uc774\uc81c \uc9c0\ub3c4\ub97c \ud45c\uc2dc\ud560 HTML \uc694\uc18c\ub97c \ucd94\uac00\ud560 \ucc28\ub840\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\ud560 \ud398\uc774\uc9c0 \ub610\ub294 \ud3ec\uc2a4\ud2b8\uc758 \ub0b4\uc6a9\uc744 \uc218\uc815\ud558\uc5ec \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc870\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.\n    <\/p>\n
\n<\/div>\n    <\/code><\/pre>\n3.3. \uc9c0\ub3c4 \ucd08\uae30\ud654 \uc2a4\ud06c\ub9bd\ud2b8 \ucd94\uac00\ud558\uae30<\/h3>\n\n        \ub2e4\uc74c\uc73c\ub85c \uc9c0\ub3c4\ub97c \ucd08\uae30\ud654\ud558\ub294 JavaScript \ucf54\ub4dc\ub97c \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4.
\n        \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc9c0\ub3c4\ub97c \uc0dd\uc131\ud558\uace0 \ub9c8\ucee4\ub97c \ucd94\uac00\ud558\ub294 \uc608\ub97c \ubcf4\uc5ec\ub4dc\ub9ac\uaca0\uc2b5\ub2c8\ub2e4.\n    <\/p>\n
\n

2. Google Maps API \uc0ac\uc6a9 \uc900\ube44<\/h2>\n\n Google Maps API\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 API \ud0a4\ub97c \uc0dd\uc131\ud558\uc5ec\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 API \ud0a4\ub97c \ucde8\ub4dd\ud558\ub294 \ub2e8\uacc4\uc785\ub2c8\ub2e4.\n <\/p>\n

2. Google Maps API \uc0ac\uc6a9 \uc900\ube44<\/h2>\n
\n Google Maps API\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 API \ud0a4\ub97c \uc0dd\uc131\ud558\uc5ec\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 API \ud0a4\ub97c \ucde8\ub4dd\ud558\ub294 \ub2e8\uacc4\uc785\ub2c8\ub2e4.\n <\/p>\n