微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

有什么方法可以仅使用 Leaflet.js 获得“超级任天堂模式 7 上的 JRPG”之类的平面 3D 地图?

如何解决有什么方法可以仅使用 Leaflet.js 获得“超级任天堂模式 7 上的 JRPG”之类的平面 3D 地图?

我的电脑上有一个基于 Leaflet.js 的地图系统已经有很长时间了。即 localhost 网络服务器;只为我,在我的电脑上。它显示来自 MapBox 的卫星图像,北方总是“向上”。

通常,当我在地图中浏览时,我希望我可以让它“旋转”,就像我在直升机或无人机中一样,在地图上“飞”向“向前”所有时间,地图以我为中心旋转。也就是说,地图出现在“平面 3D 视图”中,就像经典的 Snes 角色扮演游戏一样,您可以在世界地图上乘坐龙或飞艇。例如:https://youtu.be/Si0G0m7cs-k?t=85

遗憾的是,Leaflet.js 中没有这样的功能据我所知

它不必用键盘控制。事实上,我更喜欢它,就像其他在线地图一样,它允许我在单击并移动鼠标以“倾斜”相机并旋转等时按住 Ctrl。感觉如此自然很难描述。不要沉迷于“模式 7”的外观;我只是举个例子。

我不希望它有房屋/树木/物体的实际 3D 模型,我什至不希望它显示几何的高度差异。 (虽然这真的很好,因为 2D 卫星图像就像一块平整的地毯一样粘贴在上面。)

在问这个问题之前我做了大量的研究,我发现网上有很多文章谈论(或询问)使用 Leaflet.js 和其他一些库来创建这种效果。但是,所有这些教程似乎都非常过时/损坏/不完整/凌乱。如果解决方案只使用 vanilla Leaflet.js,而不涉及其他 JS 库,我会非常喜欢。

我知道 MapBox一个自己的花哨的库来支持这一点,但遗憾的是,我无法让他们的演示在我的浏览器(Pale Moon)中运行。此外,即使它有效,也意味着我将不得不扔掉 Leaflet.js 和我投入的所有工作(以及我需要的各种插件)。我希望这可以通过 Leaflet.js 来完成。

坦率地说,Leaflet(显然)没有实现此功能让我感到非常震惊,因为(一旦您尝试过一次)感觉 100% 自然并且是绝对要求。

如果你仍然想知道我在说什么,试试这个:

  1. 转到:https://www.google.com/maps/@55.07365006601093,293m/data=!3m1!1e3
  2. 点击“地球”图标。
  3. 按住键盘上的左 Ctrl 按钮。
  4. 左键单击屏幕上的某处,按住鼠标按钮并开始四处移动光标。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?