标签: maptiler

Google Maps API V3 - 自定义图块

我目前正在对谷歌地图API V3在这里

如果您在21到23之间缩放,地图上将会有一个图像叠加层.图像需要很长时间才能加载,我决定将其分解成不同的图块以便于加载.我正在使用自动瓷砖切割机将图像切割成瓷砖.

我的脚本有问题;

    var OrgX = 31551;   // the Google Maps X value of the tile at the top left corner of your Photoshop document 
    var OrgY = 50899;   // the Google Maps Y value of the tile at the top left corner of your Photoshop document
Run Code Online (Sandbox Code Playgroud)

第一个问题如何从photoshop文档中找到X和Y的值?

如果我设法解决第一个问题,那就说吧.

第二个问题以下代码是否正确显示瓷砖取决于缩放级别?或者我错过了任何代码?

var BuildingsLayer = new google.maps.ImageMapType({
    getTileUrl: function(coord, zoom) {
        return "http://search.missouristate.edu/map/tilesets/baselayer/" + zoom + "_" + coord.x + "_" + coord.y + ".png";
    },
    tileSize: new …
Run Code Online (Sandbox Code Playgroud)

imagemap tile google-maps-api-3 maptiler

7
推荐指数
1
解决办法
2万
查看次数

如何使用 pidgeon-maps 在 Reactjs 中对地图上的点之间的线进行动画处理?

在我的reactjs应用程序中,我使用了一个名为pidegon-maps的轻量级地图库来显示船只位置。在不尝试使用更大的库(传单、谷歌地图反应)的情况下,我尝试为船只所走的路线制作动画。

从这个问题中汲取灵感,我尝试创建一个类似的实现。

useEffect(() => {

let start = [0.108266, 52.202758];
let end = [0.11556, 52.201733];

const speedFactor = 500;

let diffX = parseFloat(end[0]) - parseFloat(start[0]);
let diffY = parseFloat(end[1]) - parseFloat(start[1]);
let sfX = diffX / speedFactor;
let sfY = diffY / speedFactor;

let i = 0;
let j = 0;

let lineCoordinates = [];

while (i < diffX || Math.abs(j) < Math.abs(diffY)) {
  lineCoordinates.push([start[0] + i, start[0] + j]);

  if (i < diffX) {
    i += …
Run Code Online (Sandbox Code Playgroud)

requestanimationframe reactjs maptiler

6
推荐指数
1
解决办法
124
查看次数

从图像平铺生成器到Android Google Maps

这是我的第一个问题,所以让我们向右移动

我有一个高分辨率png格式的地图,该地图具有转角的地理坐标,我想将其与Android App中的Google Maps Api集成。

到目前为止,我所做的是:

  • 我将地图切成256x256像素的图块,并写了一个URITileProvider。事实证明,地图具有偏移,倾斜且必须重新调整大小

  • 我找到了MapTiler并进行了尝试。它允许设置拐角坐标并生成图块。当前的免费版本会产生水印,因此我也检查了以前的beta版本-但是在另一半球上放置了“ y”图块坐标。我当然可以尝试将它们映射,但是它不能解决我的倾斜问题

  • 我还找到了Android应用和CustomMaps。太棒了!它几乎完全符合我的要求,只是它不会生成图块。有一个选项可以拍摄图像文件,通过从图像中选择点并将其链接到Google地图,将其放置在地图上。它还提供了一个很好的概述。

所以这是我的问题:

是否有一个免费工具,结合了MapTiler和CustomMaps两种功能,可以用来对齐我的图像以映射并将其拆分为有效的图块?

我曾考虑过通过反复试验的方法来编辑源图像,但这绝对不是解决之道。目前,我正在考虑创建自己的工具,但是从逻辑上来说,必须已经有了解决方案。

android google-maps google-maps-api-2 maptiler

4
推荐指数
1
解决办法
1721
查看次数

用于映射图块的 AutoCAD 绘图 (DWG)

像这样渲染大型 DWG 文件已经在很大程度上表现出性能下降。计划使用传单使用地图图块的概念。需要一些有关如何将 DWG 文件转换为地图图块的指针/信息。

vector autocad dwg maptiler

4
推荐指数
1
解决办法
4470
查看次数

有没有办法使用 JavaScript 从 tiff 图像中提取地理标签?

我正在开展一个项目,需要使用正射马赛克地图。该地图采用 .tiff 格式。我想从该地图中提取地理信息,以便我可以将其正确覆盖在谷歌地图上。我在这个项目中使用平均堆栈。

所以我的最后一个问题是:有没有办法使用 JavaScript 从 tiff 图像中提取地理标签?

编辑:当我使用 Maptiler(https://www.maptiler.com/)时,它会自动将 .tif 文件正确放置在谷歌地图上。我想知道它如何提取信息并将其放置在地图上,以便我可以自己完成。

javascript tiff maptiler

2
推荐指数
1
解决办法
1374
查看次数