هشدار امنیتی : ما از یک مشکل امنیتی آگاه شدهایم که ممکن است وبسایتهایی را که از کتابخانههای شخص ثالث خاصی استفاده میکنند (از جمله polyfill.io) تحت تأثیر قرار دهد. این مشکل گاهی اوقات میتواند بازدیدکنندگان را بدون اطلاع یا اجازه صاحب وبسایت از وبسایت مورد نظر دور کند. بسیاری از نمونههای جاوا اسکریپت ما قبلاً شامل اعلان اسکریپت polyfill.io بودند. ما این را از نمونه های خود حذف کرده ایم. اگر از نمونه های جاوا اسکریپت ما که حاوی این اعلان هستند استفاده کرده اید، توصیه می کنیم اعلان را حذف کنید.
اطلاعیه : سبک نقشه پایه جدید به زودی به پلتفرم نقشه های گوگل می آید. این بهروزرسانی برای استایل نقشه شامل یک پالت رنگی پیشفرض جدید، پینهای مدرن شده و بهبودهایی در تجربهها و قابلیت استفاده از نقشه است. همه سبکهای نقشه بهطور خودکار در مارس 2025 بهروزرسانی میشوند. برای اطلاعات بیشتر در مورد در دسترس بودن و نحوه انتخاب زودتر، به سبک نقشه جدید برای پلتفرم Google Maps مراجعه کنید.
همپوشانی ها اشیایی روی نقشه هستند که به مختصات طول و عرض جغرافیایی گره خورده اند، بنابراین با کشیدن یا بزرگنمایی نقشه حرکت می کنند. اگر می خواهید یک تصویر را روی نقشه قرار دهید، می توانید از یک شی GroundOverlay استفاده کنید.
برای اطلاعات در مورد انواع دیگر همپوشانی، به طراحی روی نقشه مراجعه کنید.
یک روکش زمینی اضافه کنید
سازنده برای GroundOverlay یک URL از یک تصویر و LatLngBounds تصویر را به عنوان پارامتر مشخص می کند. تصویر بر روی نقشه ارائه می شود، محدود به محدوده های داده شده، و با استفاده از طرح ریزی نقشه مطابقت داده می شود.
TypeScript
// This example uses a GroundOverlay to place an image on the map// showing an antique map of Newark, NJ.lethistoricalOverlay;functioninitMap():void{constmap=newgoogle.maps.Map(document.getElementById("map")asHTMLElement,{zoom:13,center:{lat:40.74,lng:-74.18},});constimageBounds={north:40.773941,south:40.712216,east:-74.12544,west:-74.22655,};historicalOverlay=newgoogle.maps.GroundOverlay("https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",imageBounds);historicalOverlay.setMap(map);}declareglobal{interfaceWindow{initMap:()=>void;}}window.initMap=initMap;
// This example uses a GroundOverlay to place an image on the map// showing an antique map of Newark, NJ.lethistoricalOverlay;functioninitMap(){constmap=newgoogle.maps.Map(document.getElementById("map"),{zoom:13,center:{lat:40.74,lng:-74.18},});constimageBounds={north:40.773941,south:40.712216,east:-74.12544,west:-74.22655,};historicalOverlay=newgoogle.maps.GroundOverlay("https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",imageBounds,);historicalOverlay.setMap(map);}window.initMap=initMap;
برای حذف همپوشانی از نقشه، متد setMap()null فراخوانی کنید. توجه داشته باشید که فراخوانی این روش همپوشانی را حذف نمی کند. پوشش را از نقشه حذف می کند. اگر در عوض میخواهید همپوشانی را حذف کنید، باید آن را از نقشه حذف کنید و سپس خود همپوشانی را روی null قرار دهید.