制作网页访问者的地图

在自己的个人网页上添加一个访问者的地图，实时显示访问者的地理位置，是一件很Cool的事情。

下图中，小红点代表访问者的地理位置，小黄点代表当前访问者的位置。

如何制作自己的地图呢？

1.在clustrmaps上填写网站的信息和接收密码的邮件；

2. 用收到的密码和监视的网页地址登陆ClustrMaps管理；

3.根据需求生成自己想要的HTML代码，将其添加到自己的个人主页上.

详细步骤和图例参看这里。

下面一段代码是我选择风格A生成的HTML代码：

<div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'http://blog.csdn.net/zhaoyl03', 'user' : 1073715, 'server' : '4', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2013-01-22', 'lang' : 'zh', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www4.clustrmaps.com/user/5a5106233"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/blog.csdn.net-zhaoyl03-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>

 

效果图如下，希望上面的红点越来越多^_^  

 

注意：因为未知因素，此效果在CSDN上不能正常显示，但是在博客园上能正常显示（或许要刷新）！