GMap 3 Test

by AaronLayton

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>
<script src="http://www.validatethis.co.uk/js/gmap3.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en" type="text/javascript"></script>

<div class="container">
    <div id="myMap"></div>
</div>

CSS

.container {
    background:#eee;
    
    margin:15px;
    padding:15px;
}

#myMap {
    height:250px;
}

JavaScript

// Stores in JSON return

var jsonData = {
    results:[
        {
            name:"Store 1",
            latitude:53.13398,
            longitude: -1.27877
        },
        {
            name:"Store 2",
            latitude:53.070184,
            longitude: -1.254840
        }
    ]
};

$('#myMap').gmap3({
 map:{
    options:{
     center:[22.49156846196823, 89.75802349999992],
     zoom:2,
     mapTypeId: google.maps.MapTypeId.SATELLITE,
     mapTypeControl: true,
     mapTypeControlOptions: {
       style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
     },
     navigationControl: true,
     scrollwheel: true,
     streetViewControl: true
    }
 }
});


console.log()