首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用leaflet js加载自定义切片图像

如何使用leaflet js加载自定义切片图像
EN

Stack Overflow用户
提问于 2015-08-10 02:21:12
回答 1查看 834关注 0票数 0

我得到了一个链接http://thematicmapping.org/playground/zoomify/example.html这个链接使用一些免费的插件来加载自定义图像由leaflet js

这里有一些小代码

代码语言:javascript
复制
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);

但我不想使用任何插件。所以我很好奇是否有可能用leaflet js加载自定义切片图像。如果是,那么请驱动到正确的文章或代码样本,这有助于我构建它。

谢谢

EN

回答 1

Stack Overflow用户

发布于 2015-09-15 22:09:43

抱歉,这有点延迟,但您可以通过按缩放级别{z}将您自己的图像添加到文件夹名称中来完成此操作。您可以像这样包括它们:

代码语言:javascript
复制
L.tileLayer('tiles/{z}/map_{x}_{y}.png', {

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

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31907412

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档