<!--...-->
<div class="container">
<div svg-map></div>
<!-- ↓ Add this ↓ -->
<div class="scale">
<div ng-repeat="n in [0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1.0]"
ng-style="{backgroundColor:'{{n | map_colour}}'}">{{n}}
</div>
</div>
<!--...-->
/*...*/
.scale {
position: relative;
}
.scale div {
width: 9.07%;
display: inline-block;
text-align: center;
color: #fff;
font-weight: bold;
padding: 5px 0;
}