在自己的个人网页上添加一个访问者的地图,实时显示访问者的地理位置,是一件很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>

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

 
posted on 2013-01-22 20:31  seventhsaint  阅读(1274)  评论(0编辑  收藏  举报