https://github.com/NodeBB/NodeBB/issues/3039

less/users.less

@@ -30,6 +30,11 @@
 
 .users-container {
 	padding: 0;
+	list-style-type: none;
+
+	li {
+		padding-bottom: 10px;
+	}
 
 	.users-box{
 		display: inline-block;
@@ -61,4 +66,12 @@
 			display: inline-block;
 		}
 	}
+
+	.user-img {
+		border-radius: 50%;
+		width: 20px;
+		height: 20px;
+		vertical-align: middle;
+	}
+
 }

templates/users.tpl

@@ -5,6 +5,7 @@
 		<li class=''><a href='{config.relative_path}/users/latest'>[[users:latest_users]]</a></li>
 		<li class=''><a href='{config.relative_path}/users/sort-posts'>[[users:top_posters]]</a></li>
 		<li class=''><a href='{config.relative_path}/users/sort-reputation'>[[users:most_reputation]]</a></li>
+		<li class=''><a href='{config.relative_path}/users/map'>[[users:map]]</a></li>
 		<!-- IF function.displayUserSearch, {config.allowGuestUserSearching} -->
 		<li class=''><a href='{config.relative_path}/users/search'>[[users:search]]</a></li>
 		<!-- ENDIF function.displayUserSearch -->

templates/usersMap.tpl

@@ -0,0 +1,34 @@
+<div class="users">
+
+	<ul class="nav nav-pills">
+		<li><a href='{config.relative_path}/users/online'>[[global:online]]</a></li>
+		<li><a href='{config.relative_path}/users/latest'>[[users:latest_users]]</a></li>
+		<li><a href='{config.relative_path}/users/sort-posts'>[[users:top_posters]]</a></li>
+		<li><a href='{config.relative_path}/users/sort-reputation'>[[users:most_reputation]]</a></li>
+		<li class='active'><a href='{config.relative_path}/users/map'>[[users:map]]</a></li>
+		<!-- IF function.displayUserSearch, {config.allowGuestUserSearching} -->
+		<li><a href='{config.relative_path}/users/search'>[[users:search]]</a></li>
+		<!-- ENDIF function.displayUserSearch -->
+		<!-- IF inviteOnly -->
+		<button component="user/invite" class="btn btn-success pull-right"><i class="fa fa-users"></i> [[users:invite]]</button>
+		<!-- ENDIF inviteOnly -->
+	</ul>
+
+	<br />
+
+	<ul id="users-container" class="users-container rooms">
+
+		<!-- BEGIN rooms -->
+		<!-- IF rooms.total -->
+		<li>
+			<a href="{config.relative_path}{rooms.link}">[[users:{rooms.room}]]</a><br/>
+			<!-- BEGIN rooms.users -->
+				<a href="{rooms.users.userslug}"><img class="user-img" src="{rooms.users.picture}" title="{rooms.users.username}"/></a>
+			<!-- END rooms.users -->
+		</li>
+		<!-- ENDIF rooms.total -->
+		<!-- END rooms -->
+
+	</ul>
+
+</div>