glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

broke out functionality for positionPeerIcon from updatePeerCoords

Browse source
This commit is contained in:
Connor Turland 2014-09-24 14:05:18 -04:00
parent d5598819fd
commit 74b4659836
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
app/assets/javascripts/src/Metamaps.js
View file

@ -1743,16 +1743,31 @@ Metamaps.Realtime = {
updatePeerCoords: function (data) { updatePeerCoords: function (data) {
var self = Metamaps.Realtime; var self = Metamaps.Realtime;
var socket = Metamaps.Realtime.socket; var socket = Metamaps.Realtime.socket;
self.mappersOnMap[data.userid].coords={x: data.usercoords.x,y:data.usercoords.y};
self.positionPeerIcon(data.userid);
},
positionPeerIcons: function () {
var self = Metamaps.Realtime;
var socket = Metamaps.Realtime.socket;
for (var key in self.mappersOnMap) {
self.positionPeerIcon(key);
}
},
positionPeerIcon: function (id) {
var self = Metamaps.Realtime;
var socket = Metamaps.Realtime.socket;
var mapper = self.mappersOnMap[id];
var xMax=$(document).width(); var xMax=$(document).width();
var yMax=$(document).height(); var yMax=$(document).height();
var compassDiameter=56; var compassDiameter=56;
var compassArrowSize=24; var compassArrowSize=24;
self.mappersOnMap[data.userid].coords={x: data.usercoords.x,y:data.usercoords.y};
var origPixels = Metamaps.Util.coordsToPixels(data.usercoords); var origPixels = Metamaps.Util.coordsToPixels(mapper.coords);
var pixels = self.limitPixelsToScreen(origPixels); var pixels = self.limitPixelsToScreen(origPixels);
$('#compass' + data.userid).css({ $('#compass' + id).css({
left: pixels.x + 'px', left: pixels.x + 'px',
top: pixels.y + 'px' top: pixels.y + 'px'
}); });
@ -1764,13 +1779,12 @@ Metamaps.Realtime = {
var ratio = dy / dx; var ratio = dy / dx;
var angle = Math.atan2(dy, dx); var angle = Math.atan2(dy, dx);
$('#compassArrow' + data.userid).show().css({ $('#compassArrow' + id).show().css({
transform: 'rotate(' + angle + 'rad)', transform: 'rotate(' + angle + 'rad)',
"-webkit-transform": 'rotate(' + angle + 'rad)', "-webkit-transform": 'rotate(' + angle + 'rad)',
}); });
} else { } else {
$('#compassArrow' + data.userid).hide(); $('#compassArrow' + id).hide();
} }
}, },
limitPixelsToScreen: function (pixels) { limitPixelsToScreen: function (pixels) {