javascript - PDF 作为 Leaflet JS 中的 map ?

标签 javascript pdf leaflet

我想知道是否可以上传 PDF 文档以用作 Leaflet 中的 map ,或者是否需要先将其转换为其他格式?我只见过实际引用这样的 map 的示例:

 // initialize the map
var map = L.map('map').setView([42.35, -71.08], 13);

// base map
L.tileLayer('http://tiles.mapc.org/basemap/{z}/{x}/{y}.png',
{
  attribution: 'Tiles by <a href="http://mapc.org">MAPC</a>, Data by <a href="http://mass.gov/mgis">MassGIS</a>',
  maxZoom: 17,
  minZoom: 9
}).addTo(map);

// bike lanes
L.tileLayer('http://tiles.mapc.org/trailmap-onroad/{z}/{x}/{y}.png',
{
  maxZoom: 17,
  minZoom: 9
}).addTo(map);

文档:http://leafletjs.com/reference-1.3.0.html

最佳答案

TL;博士:没有。

<小时/>

PDF 浏览起来很复杂 - 它们不是一个简单的 HTML 元素。这是因为 PDF 不存在“单一真实 View ”。您想要显示一页、多页、文本目录、某一特定页面的一张图像吗?如果不了解这一点,就不可能实现一个 PDF 文件到一个 HTML 元素的映射。这意味着无法告诉 Leaflet 显示什么。

理论上,人们可以利用pdf.js解析 PDF 文件,选择一些特定内容,然后根据需要生成一些 HTML 元素。然而,这样做的成本远远超过将数据导出为更适合 GIS 工作的其他格式的成本。

关于javascript - PDF 作为 Leaflet JS 中的 map ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48330681/

相关文章:

c# - 合并内存流以在 C# 中创建 http PDF 响应

objective-c - 使用 objective-c 或 jquery mobile 搜索 pdf 文件的内容

django - 如何使用 ManifestStaticFilesStorage 从散列中排除路径

javascript - 当用户单击按钮并到达底部或顶部时禁用按钮

javascript - react 导航 TabNavigator : Reset previous tab on tab change

javascript - 组织一个backbone.js集合?

swift - 获取相同路径下载的文件但无法打开该文件

javascript - Chrome 不模拟手势事件

javascript - 从外部访问 Leaflet.js GeoJson 功能

reactjs - 无法在 React-Leaflet v.3.x 中动态更改中心