Maps JavaScript API는 전 세계 어디든 위치를 표시하고, 자체 맞춤 그래픽, 애니메이션, 대화형 맞춤 데이터 레이어를 추가하고, Maps JavaScript API의 Places API를 사용하여 위치 인식 기능을 만들 수 있는 클라이언트 측 웹 API입니다. Maps JavaScript API를 사용하면 다음 작업을 할 수 있습니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-08-10(UTC)"],[[["\u003cp\u003eThe Maps JavaScript API lets you create interactive, customizable maps for websites, incorporating 2D and 3D views, markers, and custom data.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can leverage the Places Library for location data, style maps to their liking, and display administrative boundaries.\u003c/p\u003e\n"],["\u003cp\u003eA suite of services such as Directions, Distance Matrix, and Street View, along with libraries like Drawing and Geometry, further enhance functionality.\u003c/p\u003e\n"],["\u003cp\u003eUsers can easily set up their projects using provided guides on Cloud project setup, API keys, loading the API, and adding maps to web pages.\u003c/p\u003e\n"],["\u003cp\u003eGoogle provides comprehensive documentation with tutorials, examples, and resources for various features, services, and libraries.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/overview \"View this page for the JavaScript platform docs.\")\n\nThe Maps JavaScript API is a client-side web API that lets you create maps to\nshow locations anywhere in the world, add your own custom graphics, animations, and interactive\ncustom data layers, and create location-aware features by using the Places API in the\nMaps JavaScript API. With the Maps JavaScript API, you can:\n\n- Create 2D and 3D maps to show locations anywhere in the world.\n- Add customizable markers to indicate locations on a map.\n- Use the Places library to get location data for over 200 million places.\n- Customize the map's style and colors.\n- Add your own interactive custom data layers.\n- Display administrative boundaries and make them interactive.\n- Add custom 2D and 3D graphics and animated content to your maps.\n\nWhat's next \n**Set up and create a maparrow_drop_down**\n- [Set up your Google Cloud project](/maps/documentation/javascript/cloud-setup)\n- [Use API keys](/maps/documentation/javascript/get-api-key)\n- [Load the Maps JavaScript API](/maps/documentation/javascript/load-maps-js-api)\n- [Add a Google Map to a Web Page](/maps/documentation/javascript/add-google-map)\n- [Add a 3D map to a web page](/maps/documentation/javascript/3d-maps-overview)\n- [Tutorials for adding a map (and more)](/maps/documentation/javascript/tutorials) \n**Use Maps JavaScript API featuresarrow_drop_down**\n- [Add markers to a map](/maps/documentation/javascript/advanced-markers/overview)\n- [Use the Places library to get location data](/maps/documentation/javascript/place)\n- [Customize the map's style and colors](/maps/documentation/javascript/cloud-customization)\n- [Add interactive data layers](/maps/documentation/javascript/dds-datasets/overview)\n- [Display administrative boundaries](/maps/documentation/javascript/dds-boundaries/overview)\n- [Add a WebGL graphic overlay](/maps/documentation/javascript/webgl/webgl-overlay-view) \n**Work with Maps JavaScript API servicesarrow_drop_down**\n- [Elevation](/maps/documentation/javascript/elevation)\n- [Geocoding](/maps/documentation/javascript/geocoding)\n- [Maximum Zoom Imagery](/maps/documentation/javascript/maxzoom)\n- [Street View](/maps/documentation/javascript/streetview) \n**Work with Maps JavaScript API librariesarrow_drop_down**\n- [Drawing Library](/maps/documentation/javascript/drawinglayer)\n- [Geometry Library](/maps/documentation/javascript/geometry)\n- [Visualization Library](/maps/documentation/javascript/visualization)\n- [Open Source Libraries](/maps/documentation/javascript/libraries-open-source)\n\n[**See example code for Maps features**](/maps/documentation/javascript/examples)"]]
