<div id="cities"><div class='cityhead'><b>Последние посетители форума</b></div></div>
<div id="map">
<div id="map-layer"></div>
</div>

<script type="text/javascript">
var map = document.getElementById('map');
var cities = document.getElementById('cities');

var layer = document.getElementById('map-layer');
layer.style.position = 'absolute';

var div = document.createElement("img");
div.useMap = layer.useMap;
div.height = layer.height;
div.width = layer.width;
div.id = 'map-imagemap';
div.style.zIndex = 3;
div.src = '/i/blank.gif';
div.style.position = 'absolute';
map.appendChild(div);

function draw_dot (lat, lon, loc, image) {
  if (lat == undefined || lon == undefined) { return ; } ; // spurious geoip points
  if (lat == 0 && lon == 0) { return ; } ; // spurious geoip points
  if (lat > 90 || lat < -90 || lon > 180 || lon < -180) { return; } ;
  var i = document.createElement("img");
  i.style.left = Math.round(800.0*(Number(lon)+180.0)/360.0 - image.width/2) + "px";
  i.style.top = Math.round(300*(78.3-Number(lat))/135 - image.height/2) + "px";
  i.style.position = 'absolute';
  i.style.width = image.width + 'px';
  i.style.height = image.height + 'px';
  i.src = image.src;
  i.style.border = 'none';
  i.style.zIndex = 2;
  map.insertBefore(i,document.getElementById('map-background'));
  return 1;
}

function drawClustrMapLayer (type, data) {
  var pts = data.points;
 
  if (map && type == 'recent') {
    img = { src: '/i/blank.gif', width: 1, height:1};
  } else {
    return;
  };
 

  var date = new Date(Date.UTC(data.timestamp.substr(0,4),
           data.timestamp.substr(4,2)-1,
           data.timestamp.substr(6,2),
           data.timestamp.substr(8,2),
           data.timestamp.substr(10,2)));

  var datestr = date.toLocaleDateString();
  datestr = datestr.replace(/(\/|, | )\d\d\d\d$/,'')
  var timestr = date.toLocaleTimeString();
  timestr = timestr.replace(/:00($| .*)/,'');

  for(var k=0; k<pts.length; k++){
    var p = pts[k];
    var status = draw_dot(p[0],p[1],p[2],img);
    if (cities && status) {
      cities.innerHTML += "<div class='city'>"  + datestr + " в " + timestr + " из " + (p[3] ? (p[3] + ", " + p[2]) : p[2]) + "</div>" ;
    }

  }
}

var _clustrmaps = {};
_clustrmaps.layer = drawClustrMapLayer;
</script>

<script type="text/javascript" src="http://www2.clustrmaps.com/ru/stats/maps-dynamic/ХХХХХХ/ХХХХХХ/dynamic.js"></script>