Ya he dado con la solución, no hay muchas modificaciones.
Código:
<script>
$(document).ready(function() {
$("area").click(function() {
var param1 = $(this).attr('ciudad');
$.ajax({
data: {'param1' : param1},
url: 'MapController/getDataMap',
type: 'POST',
beforeSend: function () {
$("#resultado").html("Procesando, espere por favor...");
},
success: function (response) { //una vez que el archivo recibe el request lo procesa y lo devuelve
$("#resultado").html(response);
}
});
});
});
</script>