Google Maps

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
<div id="map" class="map"></div>

CSS

.map {
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:250px;
    border: 1px solid #4D2722;
    z-index:0;
}

JavaScript

var map = L.map('map').setView([55.4411764, 11.7928708], 13);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// quick and dirty: create a big icon
L.Icon.Big = L.Icon.Default.extend({
    options: {
    iconSize: new L.Point(45, 81),
}});

var bigIcon = new L.Icon.Big();
var centerPoint = L.latLng(55.4411764, 11.7928708);
var centerMarker = L.marker(centerPoint, { title: 'unselected' });
centerMarker.addTo(map);

centerMarker.on('click', function(e) {
    centerMarker.setIcon(bigIcon);
});