Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.
Peta 3D Fotorealistik di class Maps JavaScript memungkinkan Anda menggunakan gambar 3D Google di seluruh aplikasi Anda. Google kini menawarkan pengalaman rendering 3D bawaan, sehingga Anda dapat menerapkan atau bereksperimen dengan Peta 3D secara cepat dan lancar.
Berikut contoh tindakan yang dapat Anda lakukan dengan Peta 3D di Maps JavaScript API:
Fitur dan kemampuan utama
Solusi data + perender terintegrasi: Peta 3D Fotorealistik di Maps JavaScript menawarkan satu poin kontak untuk menciptakan pengalaman pemetaan yang imersif. Dengan rendering bawaan dan peta dasar terintegrasi yang berisi beragam tempat, Anda dapat menyederhanakan langkah-langkah pengembangan dan dengan cepat membuat visualisasi peta 3D yang mengesankan.
Performa: Dengan teknologi rendering bawaan Google, peta dapat ditampilkan dengan cepat dan pengalaman pengguna dapat menjadi lancar.
Gaya visual: Peta 3D Fotorealistik di Maps JavaScript menyediakan dukungan untuk gaya visual menggunakan polyline, poligon, dan bentuk yang diekstrusi, sehingga Anda dapat secara efektif mengarahkan perhatian pengguna ke berbagai elemen geografis utama di dunia nyata.
Jalur kamera preset: Mempermudah pengguna di peta 3D dengan animasi kamera standar, bertransisi dengan lancar ke lokasi menarik dan menampilkan lokasi utama dari berbagai sudut.
Penanda kustom: Tingkatkan daya tarik visual dan kemampuan peta Anda dengan penanda yang dapat disesuaikan sepenuhnya, sehingga Anda dapat membuat ID unik untuk lokasi yang menyatu sempurna dengan lingkungan 3D Anda atau terlihat menarik untuk penekanan.
Model 3D: Tingkatkan pengalaman pemetaan Anda dengan menggunakan model 3D yang mendetail untuk bangunan, tempat terkenal, atau objek kustom, sehingga pengguna akan mendapatkan tampilan area yang dipetakan yang lebih imersif dan informatif.
Data yang komprehensif: Google terus berupaya menghadirkan lebih banyak data berkualitas tinggi ke dalam platform petanya agar dapat terus menyediakan gambar 3D yang terbaik di kelasnya dan pemahaman yang lebih baik tentang dunia nyata.
Cakupan
Tinjau Peta 3D Fotorealistik dalam cakupan yang didukung Maps JavaScript.
Langkah berikutnya
Lihat panduan Memulai untuk membuat aplikasi "Halo Dunia!" "Halo Dunia".
Coba codelab pembuka untuk mempelajari cara menambahkan fitur ke peta.
Perluas pengetahuan Anda tentang penanda dan animasi di codelab berikutnya.
Jelajahi koleksi Contoh peta Google untuk menemukan contoh peta yang sesuai dengan kasus penggunaan Anda.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-04-29 UTC."],[],[],null,["Select platform: [Android](/maps/documentation/maps-3d/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/maps-3d/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/3d/overview \"View this page for the JavaScript platform docs.\")\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n| This product or feature is in Preview (pre-GA). Pre-GA products and features might have limited support, and changes to pre-GA products and features might not be compatible with other pre-GA versions. Pre-GA Offerings are covered by the [Google\n| Maps Platform Service Specific Terms](https://cloud.google.com/maps-platform/terms/maps-service-terms). For more information, see the [launch stage\n| descriptions](/maps/launch-stages).\n\n\u003cbr /\u003e\n\nThe Photorealistic 3D Maps in Maps JavaScript class lets you use Google's 3D imagery across\nyour applications. Google now offers a built-in 3D rendering experience,\nallowing you to quickly and seamlessly incorporate or experiment with 3D\nMaps.\n\nHere's an example of what you can do with 3D Maps in the Maps JavaScript API:\n\nKey features and capabilities\n\n- **Integrated data + renderer solution**: Photorealistic 3D Maps in Maps JavaScript offers a single touchpoint for creating immersive mapping experiences. With built-in rendering and an integrated, places-rich base map, you can simplify development steps and quickly build impressive 3D maps visualizations.\n- **Performance**: Google's built-in rendering technology allows for fast display and a smooth user experience.\n- **Styling**: Photorealistic 3D Maps in Maps JavaScript provides support for styling using polylines, polygons, and extruded shapes, allowing you to effectively bring your user's attention to key geographic elements of the real world.\n- **Preset camera paths**: Effortlessly guide users through your 3D map with predefined camera animations, smoothly transitioning to points of interest and showcasing key locations from various angles.\n- **Custom markers**: Enhance your map's visual appeal and capabilities with fully customizable markers, allowing you to create unique identifiers for locations that seamlessly blend with your 3D environment or stand out for emphasis.\n- **3D models**: Elevate your mapping experience by incorporating detailed 3D models of buildings, landmarks, or custom objects, providing users with an even more immersive and informative view of the mapped area.\n- **Comprehensive data**: Google is constantly working to bring more high quality data into the maps platform, to continue to offer best-in-class 3D imagery and a better understanding of the real world.\n\nCoverage\n\nReview the Photorealistic 3D Maps in Maps JavaScript's supported [coverage](/maps/coverage).\n\nNext steps\n\n- Check out the [Get\n started](/maps/documentation/javascript/3d/get-started) guide to build a \"Hello, World!\" 3D map.\n- Try the intro [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-101-3d-maps-js) to explore how to add features to the map.\n- Expand your knowledge of markers and animation in the next [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-3d-maps-js-markers#0).\n- Browse Google's collection of [Samples](/maps/documentation/javascript/examples/3d/simple-map) to find one that works for your use-case."]]