Documentation - Widgets

Links

Random map

Link to send visitors to new random map. The url is:

http://demo.georeferencer.com/random

For quick access to Georeferencer it is recommended to add link as a button. For example:

Fix the location of a map

Links to a random map can target only one collection. Just add ?collection= to URL. Your collections:

Collection pilot

Widgets

The data from georeferencer can be displayed via following widgets. Simply copy & paste them from this page. It is possible to build widgets with your own code, to do this access the data with JSON API. Data are updated once in a day.

Progress bars

Status of project showing number of processed maps. Either use this widget for total number of maps or display collections separately. Following code shows progress of your account:


  <iframe
    src="http://demo.georeferencer.com/api/v1/progress?format=html"
    style="width: 500px; height: 100px"
    allowtransparency>
  </iframe>


Templates

We are implemented more templates for progress bars. For example 'classic' template style:

  <iframe
    src="http://demo.georeferencer.com/api/v1/progress?format=html&template=classic"
    style="width: 100%; height: 200px"
    allowtransparency>
  </iframe>


You can access the data with REST JSON API and build widgets with your own code. Queries are simple:

http://demo.georeferencer.com/api/v1/progress?format=json


The filter can show only data from one collection. Your available collecions are:
pilot

To display single pilot use code:

<iframe src="http://demo.georeferencer.com/api/v1/progress?format=html&collection=pilot"></iframe>

Top contributors

This widget shows the score of competitors. Optionally, you can filter by time with the period query parameter. Available options are: total, last_month, this_month, last_week, this_week. Default HTML widget is a simple table. The following code displays HTML table with top 10 contributors:


<iframe src="http://demo.georeferencer.com/api/v1/contributors?period=total&format=html&limit=10"></iframe>



JSON endopint url:

http://demo.georeferencer.com/api/v1/contributors?format=json

Recently georeferenced maps

HTML widget containing endless frame with last maps:

<iframe src="http://demo.georeferencer.com/api/v1/display?format=html"></iframe>



JSON endopint url:

http://demo.georeferencer.com/api/v1/display?format=json

Map density visualization

HTML widget showing georeferenced maps as cetroids.

<iframe src="http://demo.georeferencer.com/api/v1/density"></iframe>

Google Visualisation API

We are providing data in JSONP format prepared for quick use with The Google Charts API. JavaScript code is on your side and you can customize charts on your own.You just need use our links to data sources but with format google-charts in parameter.

Following example shows piechards for top 10 contributors. Url:

http://demo.georeferencer.com/api/v1/contributors?format=google-charts&limit=10

Code for webpage:

  <div id="chart" style="height: 360px"></div>

  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script type="text/javascript">
    google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(initialize);
    var dataUrl = "http://demo.georeferencer.com/api/v1/contributors?format=google-charts\u0026limit=10"
    var chart;

    function initialize() {
      chart = new google.visualization.PieChart(document.getElementById('chart'));
      var query = new google.visualization.Query(dataUrl);
      query.send(drawCart);
    }

    function drawCart(response) {
      chart.draw(response.getDataTable());
    }
  </script>
        

Preview: