Difference between revisions of "Widget:SpaceAPI"

From Hackerspace ACKspace
Jump to: navigation, search
m (auto-check follow button for special beacon poly line)
m (WIP: zoom bounds for polyline)
Line 659: Line 659:
 
}, this );
 
}, this );
 
}
 
}
 +
 +
var bounds = null;
 +
var maxZoom = 18;
  
 
// Handle beacons
 
// Handle beacons
Line 760: Line 763:
  
 
this._drawBeaconPolyLine( );
 
this._drawBeaconPolyLine( );
 +
 +
maxZoom = 10;
 
}
 
}
  
Line 801: Line 806:
 
{
 
{
 
// Determine the bounding box to 'follow
 
// Determine the bounding box to 'follow
var bounds = L.latLngBounds( this._leaflet.beacons.map( function( _beacon )
+
bounds = L.latLngBounds( this._leaflet.beacons.map( function( _beacon )
 
{
 
{
 
return _beacon.point;
 
return _beacon.point;
Line 811: Line 816:
  
 
this._leaflet.map.fitBounds( bounds );
 
this._leaflet.map.fitBounds( bounds );
if ( this._leaflet.map.getZoom() > 18 )
+
if ( this._leaflet.map.getZoom() > maxZoom )
this._leaflet.map.setZoom( 18 );
+
this._leaflet.map.setZoom( maxZoom );
 
}
 
}
 
}
 
}

Revision as of 10:00, 2 October 2018

This widget allows you to display the Space API data (provided as JSON)

Created by Xopr

Using this widget

To insert this widget, use the following code:

{{#widget:SpaceAPI
|url=/spaceAPI/
|width=260px
|height=20px
|padding=8px
|interval=20
|float=right
|features=beacon
}}

This will give the following result:

Notes

  • url is mandatory, the rest is optional (leave out interval to make the data static).
    it also must be written without protocol since colon (:) is not allowed, and may be relative, for example: //ackspace.nl/spaceAPI/ or /spaceAPI/
  • You must provide a unit for the sizes (i.e. px, %, etc.)

Copy to your site

To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:SpaceAPI article.