با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
نقشه های سه بعدی فوتورئالیستی در کلاس جاوا اسکریپت Maps به شما امکان می دهد از تصاویر سه بعدی Google در برنامه های خود استفاده کنید. Google اکنون یک تجربه رندر سه بعدی داخلی را ارائه می دهد که به شما امکان می دهد نقشه های سه بعدی را به سرعت و به طور یکپارچه ترکیب یا آزمایش کنید.
در اینجا نمونه ای از کارهایی است که می توانید با نقشه های سه بعدی در Maps JavaScript API انجام دهید:
ویژگی ها و قابلیت های کلیدی
راه حل یکپارچه داده + رندر : نقشه های سه بعدی فوتورئالیستی در Maps جاوا اسکریپت یک نقطه تماس واحد برای ایجاد تجربیات نقشه برداری همهجانبه ارائه می دهد. با رندر داخلی و یک نقشه پایه یکپارچه و غنی از مکان ها، می توانید مراحل توسعه را ساده کنید و به سرعت تجسم نقشه های سه بعدی چشمگیر ایجاد کنید.
عملکرد : فناوری رندر داخلی گوگل امکان نمایش سریع و تجربه کاربری روان را فراهم می کند.
استایلسازی : نقشههای سهبعدی فوتورئالیستی در نقشهها جاوا اسکریپت از استایلسازی با استفاده از چند خط، چند ضلعی و اشکال اکسترود شده پشتیبانی میکند و به شما این امکان را میدهد که به طور موثر توجه کاربر خود را به عناصر کلیدی جغرافیایی دنیای واقعی جلب کنید.
مسیرهای از پیش تعیین شده دوربین : با انیمیشن های از پیش تعریف شده دوربین، بدون زحمت کاربران را از طریق نقشه سه بعدی خود راهنمایی کنید، به آرامی به نقاط مورد علاقه منتقل کنید و مکان های کلیدی را از زوایای مختلف به نمایش بگذارید.
نشانگرهای سفارشی : جذابیت و قابلیتهای بصری نقشه خود را با نشانگرهای کاملاً قابل تنظیم افزایش دهید، به شما امکان میدهد شناسههای منحصربهفردی برای مکانهایی ایجاد کنید که به طور یکپارچه با محیط سه بعدی شما ترکیب میشوند یا برای تأکید برجسته هستند.
مدلهای سهبعدی : تجربه نقشهبرداری خود را با ترکیب مدلهای سهبعدی دقیق از ساختمانها، مکانهای دیدنی یا اشیاء سفارشی افزایش دهید، که نمای عمیقتر و آموزندهتری از منطقه نقشهبرداری شده را به کاربران ارائه میدهد.
دادههای جامع : Google دائماً در تلاش است تا دادههای با کیفیت بالاتر را به پلتفرم نقشهها بیاورد تا به ارائه بهترین تصاویر سه بعدی در کلاس و درک بهتر دنیای واقعی ادامه دهد.
پوشش
نقشه های سه بعدی فوتورئالیستی را در پوشش پشتیبانی شده جاوا اسکریپت Maps مرور کنید.
مراحل بعدی
برای ساختن «سلام، دنیا!» راهنمای شروع را بررسی کنید. نقشه سه بعدی
برای بررسی نحوه افزودن ویژگیها به نقشه، از نرمافزار کد مقدماتی استفاده کنید.
دانش خود را در مورد نشانگرها و انیمیشنها در آزمایشگاه کد بعدی گسترش دهید.
مجموعه نمونههای Google را مرور کنید تا نمونهای را بیابید که مناسب مورد استفاده شما باشد.
تاریخ آخرین بهروزرسانی 2025-04-29 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","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 بهوقت ساعت هماهنگ جهانی."],[],[],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."]]