۲ آرمان محمدی پور
نمایش نقشه در Modal
جامعه پی اچ پی ایجاد شده در ۰۹ مهر ۱۴۰۰

سلام

مپ طبق آدرسی که توی فایل js بهش دادم باز میشه

ولی وقتی میخوام جایی که پین شده رو ببینیم اگه توی اون محدوده ی پیشفرض نباشه دیگه تو صفحه ی اول باز نمیشه
 

<?php if($location):?>
   L.marker([<?= $location->lat ?>, <?= $location->lng ?>]).addTo(map).bindPopup("<?= $location-> title?>").openPopup();
   map.setView([<?= $location->lat ?>, <?= $location->lng ?>]);
<?php endif; ?>


setView که استفاده کردم داخل صفحه اصلی نقشه(صفحه index) مشکل برطرف شد.
اما توی مدال هنوز مشکل داره

اندازه مدال توی صفحه نمایش من ۷۹۸x۵۰۰px هست اما اندازه نقشه که از  

<iframe id='mapWivdow' src="#" frameborder="0" ></iframe>

     
گرفته میشه و توی مدال نمایش داده میشه بزرگ‌تر هست
راهی هست که بشه اندازه مدال و تو صفحه نمایش‌های مختلف بگیرم طول و عرض مپ هم که توی مدال هست به همون اندازه ثبت بشه؟

از مدال bootstrap استفاده کردم.

 

سلام و احترام

مثلا اگه مدالی با آیدی my_modal داشته باشید میتونید به این شکل اندازشو بگیرید، میتونید از jquery استفاده کنید به این شکل

var width = $("#my_modal").width();
var height = $("#my_modal").height();
var size = $("#my_modal").attr("data-size");

و میتونید یک مودال  رو به این شکل با jquery تغیر اندازه بدید

$('#my_modal').on('show.bs.modal', function () {
    $(this).find('.modal-body').css({
        'max-height':'100%'
    });
});

میتونید بهش css‌های مورد نظرتون رو اضافه کنید

اگه جایی ابهام داشت مطرح کنید تا حلش کنیم

امیر صالحی ۱۱ مهر ۱۴۰۰، ۱۷:۳۸

نمیتونم اندازه برای نقشه که وارد مودال میشه مشخص کنم نقشه با اندازه height: 768px; width: 1366px; وارد میشه.

 

میخوام سایزش فیکس بشه با اندازه مودال

 

با css تست کردم 
اما باز اندازه نقشه رو از css نمیتونم تنظیم کنم

 

 

با getElementById('map') هم که سایز مشخص میکنم undefined میشه

 

 

آرمان محمدی پور ۱۲ مهر ۱۴۰۰، ۱۷:۲۳