gmap

<html>
	<head>
		<script src="jquery.js"></script>
		<script src="https://rawgit.com/HPNeo/gmaps/master/gmaps.js"></script>
		<script src="http://maps.google.com/maps/api/js?sensor=true&.js"></script>
		<script>
		$(function(){
			var map = new GMaps({
				div: '#map',
				lat: -12.043333,
				lng: -77.028333
			});

			map.addMarker({
			  lat: -12.043333,
			  lng: -77.028333,
			  title: 'Lima',
			  click: function(e) {
				alert('You clicked in this marker');
			  }
			});
		});

		</script>
	</head>
	<body>
		<div id="map"></div>
	<style>

#map {
    display: block;
    width: 50%;
    height: 100%;
}

#map {
    background: #58B;
}
	</style>
	</body>
</html>