ویژگی‌های مبتنی بر WebGL برای Maps JavaScript API به شما امکان می‌دهد شیب و چرخش را کنترل کنید، اشیاء سه بعدی را مستقیماً به نقشه اضافه کنید و موارد دیگر. ویژگی های زیر گنجانده شده است:
- WebGL Overlay View به شما امکان می دهد گرافیک های 2 بعدی و 3 بعدی و محتوای متحرک سفارشی را به نقشه های خود اضافه کنید.
- اکنون می توان شیب و عنوان را به صورت برنامه ریزی شده و با استفاده از حرکات ماوس و صفحه کلید تنظیم کرد.
- map.moveCamera() به شما امکان می دهد چندین ویژگی دوربین را به طور همزمان تغییر دهید.
- زوم اکنون از مقادیر کسری پشتیبانی می کند.
شروع کنید
برای استفاده از ویژگی‌های جدید WebGL، به شناسه نقشه نیاز دارید که از نقشه برداری استفاده کند. همچنین باید درخواست بوت استرپ API خود را به روز کنید. این بخش به شما نشان می دهد که چگونه.
یک شناسه نقشه جدید ایجاد کنید
برای ایجاد شناسه نقشه جدید، مراحل استفاده از استایل نقشه مبتنی بر ابر را دنبال کنید - شناسه نقشه دریافت کنید . حتماً نوع Map را روی جاوا اسکریپت تنظیم کرده و گزینه Vector را انتخاب کنید. برای فعال کردن شیب و چرخش روی نقشه، گزینه Tilt و/یا Rotation را علامت بزنید. انجام این کار به شما این امکان را می دهد که به صورت برنامه ریزی شده این مقادیر را تنظیم کنید و همچنین به کاربران امکان می دهد شیب و سمت را مستقیماً روی نقشه تنظیم کنند. اگر استفاده از شیب یا عنوان بر برنامه شما تأثیر منفی می گذارد، شیب و چرخش را علامت نزنید تا کاربران نتوانند شیب و چرخش را تنظیم کنند.
کد اولیه نقشه خود را به روز کنید
این به شناسه نقشه ای نیاز دارد که به تازگی ایجاد کرده اید. می توانید آن را در صفحه مدیریت نقشه های شما پیدا کنید. زمانی که نقشه را با استفاده از ویژگی mapId نمونه برداری می کنید، همانطور که در اینجا نشان داده شده است، یک شناسه نقشه ارائه دهید:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});
مثال ها
نمونه هایی برای نشان دادن این ویژگی ها ارائه شده است: