gmaps.js console

Play with gmaps.js

by Sanjay

HTML

<script src="http://maps.google.com/maps/api/js?sensor=true&amp;.js"></script>
<script src="https://rawgit.com/HPNeo/gmaps/master/gmaps.js"></script>
<form><input type="text" id="address"></input>
<input type="submit"></form>
<div id="map"></div>

CSS

html,
body,
#map {
    display: block;
    width: 100%;
    height: 100%;
}

#map {
    background: #58B;
}

JavaScript

map = new GMaps({
    div: '#map',
    lat: 15.11766,
    lng: 74.123996
});

$('form').submit(function(e){
    e.preventDefault();
    GMaps.geocode({
        address: $('#address').val().trim(),
        callback: function(results, status){
            if(status=='OK'){
                var latlng = results[0].geometry.location;
                map.setCenter(latlng.lat(), latlng.lng());
                map.addMarker({
                    lat: latlng.lat(),
                    lng: latlng.lng()
                });
            }
        }
    });
});