дигилиб - листовка пагинатор - PullRequest
Новая
       40

дигилиб - листовка пагинатор

0 голосов
/ 29 ноября 2018

Я пытаюсь показать изображение tiff с стандартом IIIF , реализующим листовку и сервер Digilib .

Я могу показатьпростое изображение, но теперь я хочу показать многостраничное изображение в формате TIFF.

У меня есть конвертированное в формат PDF изображение в формате TIFF, которое я должен показать в своем листке для листовок, и теперь я могу показать только первую страницу.Другие козырьки, такие как универсальный просмотрщик могут показывать paginator.

Чтение документации digilib Я вижу, что запрос должен быть: http://www.example.org/digilib/Scaler/IIIF/books!book1!page0002/info.json

, но я не знаюкак реализовать этот URL-вызов для работы в моем проекте.

Пример, в котором я работаю, очень прост:

html: 

<!DOCTYPE html>
<html xmlns:java="http://xml.apache.org/xalan/java">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <link rel="stylesheet" href="styles.css">

    <link rel="stylesheet" href="https://unpkg.com/leaflet-draw@1.0.2/dist/leaflet.draw.css" />    
    <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.rawgit.com/mejackreed/Leaflet-IIIF/v2.0.1/leaflet-iiif.js"></script>
    <script src="https://unpkg.com/leaflet-draw@1.0.2/dist/leaflet.draw.js"></script>
  </head>
  <body>
    <div id="map">
    </div>
    <script src="app.js"></script>
  </body>
</html>

и js: 

var map;

map = L.map('map', {
  center: [0, 0],
  crs: L.CRS.Simple,
  zoom: 0
});

var baseLayer = L.tileLayer.iiif('https://stacks.stanford.edu/image/iiif/hg676jb4964%2F0380_796-44/info.json').addTo(map);


// Initialise the FeatureGroup to store editable layers
var drawnItems = new L.FeatureGroup();
map.addLayer(drawnItems);

// Initialise the draw control and pass it the FeatureGroup of editable layers
var drawControl = new L.Control.Draw({
  edit: {
    featureGroup: drawnItems
  }
});

map.addControl(drawControl);

map.on(L.Draw.Event.CREATED, function (e) {
  var type = e.layerType
  var layer = e.layer;

  // Do whatever else you need to. (save to db, add to map etc)

  drawnItems.addLayer(layer);
});

Изображение для показа должно быть многостраничным изображением.Вы можете конвертировать PDF в TIFF здесь: pdt2tiff.com

Как мне сделать, чтобы изменить страницу в Leaflet Viewer?Что такое URL?Как я могу реализовать правильное решение?

Кто-нибудь может мне помочь?

Спасибо!

...