Maps JavaScript クラスの Photorealistic 3D Maps では、さまざまなアプリケーションで Google の 3D 画像を使用できます。組み込みの 3D レンダリングがサポートされるようになり、3D 地図を迅速かつシームレスに組み込んだりテストしたりできるようになりました。
たとえば、Maps JavaScript API の 3D 地図を使うと以下を行えます。
主な特長と機能
データとレンダラの統合ソリューション: Maps JavaScript の Photorealistic 3D Maps では、単一のタッチポイントで没入感のある地図エクスペリエンスを構築できます。場所についての豊富な情報を含む基本地図と組み込みのレンダリング機能が統合されているため、簡単な開発手順で優れた 3D 地図を短時間で作成できます。
パフォーマンス: Google の組み込みレンダリング技術により、高速な表示とスムーズなユーザー エクスペリエンスを実現できます。
スタイル設定: Maps JavaScript の Photorealistic 3D Maps では、ポリライン、ポリゴン、押し出し成形を使用したスタイル設定がサポートされているため、現実世界さながらの地理的要素にユーザーの注意を効果的に引き付けることができます。
プリセット カメラパス: 事前定義のカメラ アニメーションを使って 3D 地図でユーザーを自然にガイドし、各種スポットにスムーズに移動して、主要スポットをさまざまな角度で示すことができます。
カスタム マーカー: 自由にカスタマイズ可能なマーカーで地図の外観と機能を強化できます。場所に固有の ID を作成して 3D 環境に溶け込ませたり、目立つようにしたりできます。
3D モデル: 建物、ランドマーク、カスタム オブジェクトの詳細な 3D モデルを組み込んで地図表示をグレードアップし、地図対象地域について没入感と情報量をさらに高めたビューをユーザーに提供できます。
包括的なデータ: 最高水準の 3D 画像を使って現実世界をより詳細に再現できるよう、Google はマップ プラットフォームで使用するデータの質の向上に常に取り組んでいます。
サポート範囲
Maps JavaScript の Photorealistic 3D Maps のサポート範囲をご確認ください。
[[["わかりやすい","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-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."]]