问题标签 [maptiler]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
305 浏览

android - 如何按经纬度保存地图图块以供离线使用?

我有一个路线应用程序,我想下载我所在国家/地区的城市离线地图,以便他们所在城市的用户下载该地图并将其用作离线地图。
存储地图的过程如下,允许用户选择一个边界(最北纬和最南纬)和缩放值,并从谷歌下载最喜欢的地图。

在此处输入图像描述

0 投票
1 回答
249 浏览

maptiler - 如何通过 docker openmaptiles-server 提高切片大小

我使用来自https://openmaptiles.com的 docker 版本。它运行良好,但我喜欢提高到光栅图块的大小。我从 GetMap WMS 请求中得到的。所以我可以得到一个 10000px x10000px Tiles。

感谢您的帮助。:D

0 投票
1 回答
4092 浏览

leaflet - 如何为 Leaflet 下载地图图块?

我知道这是一个基本问题;但是,我花了几个小时在谷歌上搜索,但还没有找到有效的答案。

我有一个使用 Leaflet 来显示地图的 javascript webapp。当瓦片源 URL 是一些在线存储库(如 mapbox)时,我可以让它工作,但我希望我的应用程序离线工作。我如何/在哪里可以下载磁贴并将它们保存在一个文件夹结构中,然后我可以将磁贴源 URL 设置为指向?

谢谢

0 投票
1 回答
1179 浏览

maptiler - 使用 Maptiler 为 OpenMapTiles 创建 mbtiles

mbfiles使用 MapTiler 创建了一个文件并将其加载到 OpenMapTiles 中。我加载的文件来自 earthexplorer.usgs.gov,由几个 .tif 文件组成。将 mbfile 加载到服务器后,我会收到以下消息:

警告

OpenMapTiles Server 设计用于处理从 OpenMapTiles.com 下载的数据,以下文件未知且不会被使用:file.mbtiles

是否有文档描述了我必须使用的高级选项才能创建与 opem 地图图块兼容的 mbtile 文件?

两种产品来自同一家公司

0 投票
0 回答
65 浏览

safari - 在 Safari 上缩放时奇怪的平铺层行为

我使用https://www.maptiler.com/生成了一个切片图层,并且我自己托管它。它适用于除 Safari 之外的所有浏览器。在 Safari 上,地图缩放时瓦片图层中的颜色会发生变化。

这是一个GIF:

缩放期间更改的图层的可视化

我的代码很简单:

我正在使用最新版本的 Leaflet。我已经尝试降级到以前的版本。

* 对评论的回答 *

这是一个“变色”的瓷砖:

变色瓷砖

这是当我直接通过 Safari 访问时。它的颜色是正确的。

直接通过 Safari 访问时的普通磁贴

此外,这在我的 Macbook Pro 上的 Safari 上也没有发生。仅在我的 iMac (Safari 11.1.2) 上

0 投票
1 回答
364 浏览

android - 谷歌地图 - TileOverlay - 拉伸瓷砖以获得更高的缩放级别

我已经从地图图像构建了一个自定义 TileProvider,但原始图像没有覆盖与最高缩放级别对应的分辨率所需的地图区域。默认情况下,如果我不为相应的缩放级别创建图像,则提供程序不会返回任何图块。是否可以放大现有的图块?我可以创建缩放的图块,这些图块基本上是我拥有的最高分辨率的拉伸和剪切版本,但这似乎是多余的,并且会占用不必要的磁盘空间/处理。

当没有可用于高缩放级别的图块时,有没有办法拉伸图块,而不是显式创建这些图块?我总是可以在地图上设置 maxZoom 属性,但我有不同分辨率的不同叠加层。我还可以在提供程序中添加一些智能处理,以动态返回较低分辨率的图块的子采样版本,但我希望有一种内置的方法可以做到这一点。

0 投票
0 回答
110 浏览

openstreetmap - 同时使用 OSM 和卫星图块的 Maptiler

我已经在我的机器上的 Docker 上下载并设置了 maptiler 服务器。我购买了订阅并下载了 OSM 地图,它似乎工作得很好。但是我看到我也想使用一些卫星地图。这可能吗。我是否需要使用 Satellite 文件运行第二台服务器,或者它们是否可以共存同一个服务器,我将如何在它们之间进行选择/切换。

提前谢谢了

0 投票
1 回答
90 浏览

javascript - 使用 Angular 创建可缩放的树形网页

所以我正在尝试创建一个网页,它是一棵树的图像(有点像生命之树,但要小得多),您可以缩放它以查看更详细的树枝视图,并在缩放时固定文本和链接到树的某些部分(例如某个分支的末端)进来查看。我知道有像 Google Maps Api 或 MapTiler 这样的 tiler api,但我只是不确定这些是否适用于我正在尝试做的事情。我想做的是制作一个类似于 OneZoom (www.onezoom.org) 的用户界面。

谢谢您的帮助。干杯。

0 投票
1 回答
89 浏览

django - 难以将 maptile 作为上下文直接传递到 Django 中的 Leaflet map tilelayer

我有一个嵌入了传单地图的网页。我设法为用户创建了一个下拉菜单,以从 Maptiler.com 中选择不同的地图类型。这可以很好地使用 maptile 地址作为视图中的上下文传递,然后在我的模板中指定如下:-

然后我决定我可能想使用其他 maptile 提供程序,例如 Stamen,这需要我传递整个 tilelayer 参数,如下所示:-

其中一个有效的“maptilefullkey”是:-

当我将此文本逐字嵌入到 tileLayer 方法中时,maptile 显示得很好 - 请参阅我的打印。

当它被硬编码到 tileLayer() 方法中时,maptile 工作正常

还可以看到我已经成功传递 {{ context.maptilefullkey }}给模板,并且成功打印在了网页的底部。它显然与有效密钥完全匹配。

但是当我将它作为变量传递时L.tileLayer({{ context.maptilefullkey }}).addTo(map);,maptile 完全消失了。

为什么会发生这种情况,我该如何解决?

字符串以大括号结尾,然后在关闭上下文的双大括号之前是否会产生问题?或者是导致问题的归因?

非常感谢这个社区的帮助!

菲尔#anoobinneed

0 投票
1 回答
56 浏览

javascript - Leaftjs 删除所有当前多边形,并重绘所有

我正在做一个项目,我正在使用 Leaftjs(1.6)。和https://api.maptiler.com/maps/streets用于平铺层。

第一次,多边形绘制正确。在我的网站中,我使用了一个输入范围,用户可以在其中更改输入范围,使用该值将更新多边形、新颜色和弹出值。

因此,在输入范围回调中,首先我尝试删除所有以前的多边形,然后重新绘制它。如果用户平滑地更改输入范围,它会很好地工作。

在此处输入图像描述

但是当用户非常快速地移动输入范围时,问题就出现了。我得到这种地图输出。 在此处输入图像描述

这是我的输入范围代码

为了删除多边形,我使用了

但两者都显示出相似的结果。

这是我的完整代码,

我该如何解决这个问题并获得清晰的输出?