这里是小代码

var map = L.map('photo').setView(new L.LatLng(0,0), 0);

L.tileLayer.zoomify('http://thematicmapping.org/playground/zoomify/books/', {
    width: 5472,
    height: 3648,
    tolerance: 0.8,
    attribution: 'Photo: Bjørn Sandvik'
}).addTo(map);

但我不想使用任何插件。所以只是好奇知道是否可以使用传单js加载自定义切片图像。如果是，那么请开车到正确的文章或代码样本，这有助于我构建它。

感谢

Answer 1

很抱歉这有点延迟，但你可以通过缩放级别{z}将自己的图像添加到文件夹名称中来实现。你可以这样包括它们：

<div class="content-container">
        <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum, nunc eget blandit imperdiet, augue turpis auctor nunc, non lacinia diam justo sit amet justo. Proin dignissim lacinia ex, eget sollicitudin sem molestie id. Proin viverra quam nisi, et mattis velit maximus vestibulum. Praesent pulvinar nibh mi, posuere aliquam odio lobortis eu. Cras eu elementum justo. Integer pellentesque eget turpis ut blandit. Suspendisse porttitor quam quis eros suscipit mollis. Nullam ultrices lacus ac cursus egestas. Vivamus non justo vitae urna interdum iaculis. Sed vel nisl vestibulum, rhoncus orci id, suscipit risus.</a>
    </div>
    <div class="embed-container"><iframe src="http://www.youtube.com/embed/olFEpeMwgHk" frameborder="0" allowfullscreen></iframe></div>

这里有一个很好的描述如何将图像转换为正确的切片：

http://omarriott.com/aux/leaflet-js-non-geographical-imagery/

如何使用传单js加载自定义切片图像

这里是小代码

1 个答案: