Google Map lisamine kodulehele on väga lihtne. Kui oled leidnud enda aadressi Google kaardilt ülesse, siis valid vasakult Jaga, valid Manusta kaart ning saad sellise koodi:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2029.0202940730671!2d24.758413316076524!3d59.432736081695104!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4692935f7c1fdfe7%3A0xb7aca91a3e25de5c!2sTornim%C3%A4e+5%2C+10145+Tallinn!5e0!3m2!1set!2see!4v1461341132297" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Antud juhul sisaldab kood (Google Map kodulehel) Default suuruse parameetreid (mis tehtud Bold’ks). Kui sa soovid mobiilisõbralikku kaarti, siis kustuta ära mõlemad väärtused ning lisa nende asemele:
<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2029.0202940730671!2d24.758413316076524!3d59.432736081695104!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4692935f7c1fdfe7%3A0xb7aca91a3e25de5c!2sTornim%C3%A4e+5%2C+10145+Tallinn!5e0!3m2!1set!2see!4v1461341132297″ style=”width: 100% !important; height 300px;” frameborder=”0″ style=”border:0″ allowfullscreen></iframe>
See teeb Google kaardi laiuseks 100% ning kõrguseks 300px. Kõrguse suurust saab vastavalt soovile muuta, aga laius võiks alati olla ekraanile vastav – kui soovid laiust väiksemaks muuta, siis peaks muutama kaardi ümber asuva bloki suurust (DIV).
