گوگل مپ خوشگل

[milad_d993]

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

mapsys-info-google-fusion-tables.jpg
GoogleMapEx.jpg
googlemapsweather.jpg

[djtrex]

از 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/d...pt/infowindows
https://developers.google.com/maps/d...nce#InfoWindow

سمپل:
https://developers.google.com/maps/d...owindow-simple

[milad_d993]

ممنونم؛ اگه بخوایم گوشه گرد باشه باید چی کنیم؟؟؟ توی کلاس info تگ div از خاصیت border-radius استفاده کنیم؟؟؟؟؟
با دکمه ضربدرش نمیشه کاری کرد؟؟؟ مثلا دایره قرمز رنگ با فونت سفید bold بشه؟؟؟

[H:Shojaei]

ممنونم؛ اگه بخوایم گوشه گرد باشه باید چی کنیم؟؟؟ توی کلاس info تگ div از خاصیت border-radius استفاده کنیم؟؟؟؟؟
با دکمه ضربدرش نمیشه کاری کرد؟؟؟ مثلا دایره قرمز رنگ با فونت سفید bold بشه؟؟؟

این کادری که میتونید بهش تخصصی بدین رو استایلش رو خودتون بهش میدین هرچی خواستید بدین فرقی نداره اون فقط نمایش میده...