Ads 468x60px

Τετάρτη, 11 Δεκεμβρίου 2013

New Google Maps

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε μία καινούρια version
των Google maps και πως μπορούμε να την ενσωματώσουμε πολύ εύκολα στο
blog μας!Η διαφορά της με άλλες πιο παλιές version είναι ό,τι προσαρμόζεται
αυτόματα στο μέγεθος του σημείου του blog μας που θα την βάλετε!







Δείτε εδώ το DEMO  σκρολάροντας προς τα κάτω..



και για το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
...............................................................................................................................................................
<style>
    .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }
    </style>
    
    <div class="google-maps">
    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d7098.94326104394!2d78.0430654485247!3d27.
172909818538997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!
4v1385710909804" width="600" height="450" frameborder="0" style="border:0"></iframe>
   </div>
...............................................................................................................................................................


ΑΝΑΠΑΡΑΣΤΑΣΗ:





Όπως βλέπετε πάνω δεξιά μπαίνουν αυτομάτως τα google στοιχεία σας και
κάτω αριστερά μπορείτε να τους γυρίσετε σε satelite mode!!

Καλή επιτυχία!!! 


 thanks to http://www.labnol.org


Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog