PDA

View Full Version : گوگل مپ خوشگل



milad_d993
یک شنبه 03 آبان 1394, 23:20 عصر
سلام
نمونه کد هایی که توی w3school و سایت های دیگه دیدم بعد از کلیک روی نقطه مورد نظر یه پنجره سفید ساده باز میشه و یه متن ساده توشه
ولی یه سری از سایت ها دیدم که خیلی قشنگه.... ابزارآلاتی چیزی داره برای کار کردن با google map؟؟؟؟
مثلا اینا رو ببینین؛ توشون عکس داره و فونت هاش رنگیه... این عکس آخریه هم که برای هوا شناسیه خیلی خوبه

136261
136262
136263

djtrex
دوشنبه 04 آبان 1394, 09:57 صبح
از InfoWindow استفاده شده. میتونید به صورت html هرچی خواستید طراحی کنید و به عنوان محتوای infoWindow قرار بدید:



var infowindow = new google.maps.InfoWindow({
content: '<div class="info"> <!-- SOMETHING ... --> </div>'
});

marker.addListener('click', function() {
infowindow.open(map, marker);
});




مستندات:
https://developers.google.com/maps/documentation/javascript/infowindows
https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

سمپل:
https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple

milad_d993
دوشنبه 04 آبان 1394, 11:41 صبح
ممنونم؛ اگه بخوایم گوشه گرد باشه باید چی کنیم؟؟؟ توی کلاس info تگ div از خاصیت border-radius استفاده کنیم؟؟؟؟؟
با دکمه ضربدرش نمیشه کاری کرد؟؟؟ مثلا دایره قرمز رنگ با فونت سفید bold بشه؟؟؟

H:Shojaei
دوشنبه 04 آبان 1394, 12:17 عصر
ممنونم؛ اگه بخوایم گوشه گرد باشه باید چی کنیم؟؟؟ توی کلاس info تگ div از خاصیت border-radius استفاده کنیم؟؟؟؟؟
با دکمه ضربدرش نمیشه کاری کرد؟؟؟ مثلا دایره قرمز رنگ با فونت سفید bold بشه؟؟؟
این کادری که میتونید بهش تخصصی بدین رو استایلش رو خودتون بهش میدین هرچی خواستید بدین فرقی نداره اون فقط نمایش میده...