franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add message minimaps

Browse Source
This commit is contained in:
francois
2018-04-11 20:26:33 +02:00
parent 0912e76ec4
commit 4a9dfa22e2
9 changed files with 413 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
masks/index.html
View File

@@ -5,12 +5,12 @@
<link type="image/x-icon" href="images/favicon.ico" rel="shortcut icon" />
<link type="image/png" href="images/favicon.png" rel="icon" sizes="32x32" />
<link type="text/css" href="style/spot.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCvjTkIcB-Qh3IP5zhDcVLCMjTpHBGURFw"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;key=[#]GOOGLE_MAPS_API_KEY[#]"></script>
<script type="text/javascript" src="script/jquery.min.js"></script>
<script type="text/javascript" src="script/jquery.mods.js"></script>
<script type="text/javascript" src="script/spot.js"></script>
<script type="text/javascript">
var oSpot = new Spot(asGlobalVars);
var oSpot = new Spot([#]GLOBAL_VARS[#]);
$(document).ready(oSpot.init);
</script>
<title></title>

12
masks/messages.html
View File

@@ -161,7 +161,17 @@ function updateFeed(bFirstChunk)
case 'message':
$Body = $('<div>')
.append($('<p>').addIcon('fa-compass', true).append(asPost.latitude+' | '+asPost.longitude))
.append($('<p>').addIcon('fa-clock-o', true).append(sAbsTime));
.append($('<p>').addIcon('fa-clock-o', true).append(sAbsTime))
.append(
$('<img>', {'class':'staticmap', src:'https://maps.googleapis.com/maps/api/staticmap?center='+asPost.latitude+','+asPost.longitude+'&zoom=13&size=400x300&maptype=satellite&markers=color:green|label:|'+asPost.latitude+','+asPost.longitude+'&key='+self.vars('google_api')})
.data('lat', asPost.latitude)
.data('lng', asPost.longitude)
.click(function(){
var $This = $(this);
self.tmp('map').panTo({lat: parseFloat($This.data('lat')), lng: parseFloat($This.data('lng'))});
self.tmp('map').setZoom(13);
})
);
sClass = 'compass';
break;
case 'picture':