WikiTree Map as result view

See https://phabricator.wikimedia.org/T236340

by Magnus Sälgö

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/leaflet.css">
<script src="https://cdn.rawgit.com/wikimedia/wikidata-query-gui/master/dist/js/wdqs.min.js"></script>
<div id="result">

</div>

JavaScript

var query = '\
SELECT ?item ?itemLabel  ?itemWikitree ?coord ?NAD ?article ?Bygdeband WHERE { \
  ?item wdt:P31/wdt:P279* wd:Q615980 . \
  ?item wdt:P2949 ?itemWikitreeID. \
  OPTIONAL {?item wdt:P5324  ?itemk} \
  OPTIONAL {?item wdt:P18 ?img} \
  OPTIONAL {?item wdt:P625 ?coord} \
  BIND (URI(CONCAT("https://www.wikitree.com/wiki/",?itemWikitreeID)) as ?itemWikitree) \
  BIND (CONCAT("NAD ",?itemk) as ?itemKod) \
  BIND (URI(CONCAT("https://sok.riksarkivet.se/?postid=ArkisRef",?itemk)) as ?NAD) \
  OPTIONAL{?item wdt:P6192 ?Bygdebandid} 	\
  BIND (URI(CONCAT("http://www.bygdeband.se/plats/",?Bygdebandid)) AS ?Bygdeband) \
\
  SERVICE wikibase:label { bd:serviceParam wikibase:language "sv". } \
} \
';

var api = new wikibase.queryService.api.Sparql();
api.query(query).done(function() {
  var result = new wikibase.queryService.ui.resultBrowser.CoordinateResultBrowser();
  result.setResult(api.getResultRawData());
  result.draw($('#result'));
});