// create the basic map
var mapObj = new google.maps.Map(
  document.getElementById('map'),
  {
    zoom: 12,
    center: new google.maps.LatLng(50.7658, 6.1059),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
);

// create a simple marker with the default appearance
new SimpleMarker({
  map: mapObj,
  position: new google.maps.LatLng(50.7658, 6.1059)
});

// create a simple marker with custom appearance
var marker = new SimpleMarker({
  map: mapObj,
  position: new google.maps.LatLng(50.7572, 6.1453),
  id: 'myMarker',
  icon: 'greendot.png',
  size: new google.maps.Size(48,48),
  anchor: new google.maps.Point(24,24),
  title: 'Simple, isn\'t it?'
});

// you can also add a click listener as usual
google.maps.event.addListener(marker, 'click', function() {
  alert("Hello, SimpleMarker!\nMy bounds are: " +
      this.getBounds().toString() +
      "\nIf you change the zoom, the bounds will, too!"
  );
});