siteye tam sayfa harita ?

sapphire · 22 Nisan 2019

merhabalar, bir web alanının giriş sayfasına (index.html) tam sayfa google maps eklemek istiyorum. Örneğin hotmail.com sayfasına girildiğinde kullanıcı adı yazdığımız formun bulunduğu sayfanın artalanı bir fotoğraf ile kaplanmış bunun harita şekline olanı gibi
önerisi olan arkadaşlar lütfen yazabilirler mi?

@lperen · 23 Nisan 2019

Haritayı Google'den alacağınızı varsayarsak; https://www.google.com/maps/ adresine girip haritada ilgili alanı görüntüledikten sonra "Paylaşın veya Harita Yerleştirin" menüsüne tıklayıp açılan pencereden "Harita yerleştirme" sekmesine geçin, orada yer alan iframe etiketini sitenizin body alanına yapıştırın.

HTML:

<iframe src="https://www.google.com/maps/embed?pb=" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Kodda bulunan width ve height değerlerini sildikten sonra iframe etiketinin style özelliğini ekleyip,

Kod:

"width:100%; height:100%; border:none"

değerini verin. Muhtemelen sorunsuz çalışacaktır.

sapphire · 23 Nisan 2019

teşekkür ederim kısmende olsa çözüm oldu,
yardımı olması açısından soruyu sorduktan sonra bulduğum kaynakları burda paylaşmalıyım,

http://zinzinzibidi.com/web_tasarim/css3/css_te_arkaplan

https://www.labnol.org/internet/embed-google-maps-background/28457/

netman · 23 Nisan 2019

Aşağıdaki kodları index.html 'nin <head> tagları arasına yapıştırıp "resimyolu"nu ayarlarsanız istediğiniz olur.

<style type="text/css">
html {
background: url(resimyolu) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>

siteye tam sayfa harita ?

sapphire

Aktif Üye

@lperen

Seçkin Üye

sapphire

Aktif Üye

netman

Seçkin Üye