Maps JavaScript API adalah API web sisi klien yang memungkinkan Anda membuat peta untuk menampilkan lokasi di mana pun di dunia, menambahkan grafik, animasi, dan lapisan data kustom interaktif Anda sendiri, serta membuat fitur yang mengetahui lokasi dengan menggunakan Places API di Maps JavaScript API. Dengan Maps JavaScript API, Anda dapat:
Buat peta 2D dan 3D untuk menampilkan lokasi di mana saja di seluruh dunia.
Tambahkan penanda yang dapat disesuaikan untuk menunjukkan lokasi di peta.
Gunakan Places Library untuk mendapatkan data lokasi lebih dari 200 juta tempat.
Menyesuaikan gaya dan warna peta.
Tambahkan lapisan data kustom interaktif Anda sendiri.
Menampilkan batas administratif dan membuatnya interaktif.
Tambahkan grafik 2D dan 3D kustom serta konten animasi ke peta Anda.
[null,null,["Terakhir diperbarui pada 2025-08-31 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)"]]
