V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kkkkkrua
V2EX  ›  程序员

如何开发一个类地图的网页?

  •  
  •   kkkkkrua · 2021-01-14 10:22:05 +08:00 · 3110 次点击
    这是一个创建于 1169 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

    最近在玩塞尔达,然后网上找攻略都是碎片化的,想基于塞尔达的地图做一个攻略站点,标记神庙 /呀哈哈 /DLC 宝箱 /支线任务位置,等等

    疑问

    从来没接触过类似地图软件的开发,想问下,有什么资料可以看下的?现在是一点头绪都没有,google 关键字都不知道是啥

    第 1 条附言  ·  2021-01-14 15:05:46 +08:00
    结贴
    http://www.16p.top/#/
    这个就挺好的。。
    35 条回复    2021-01-15 09:40:42 +08:00
    xingshu1990
        1
    xingshu1990  
       2021-01-14 10:27:15 +08:00   ❤️ 1
    这个首先是基于官方或者第三方提供的 API 吧。
    B 站非官方弹幕姬作者 黑喵就做过 eve 的数据采集,然后前端展示。
    参考 https://www.ceve-market.org/index/
    gooin
        2
    gooin  
       2021-01-14 10:29:31 +08:00   ❤️ 1
    当时收藏的:
    地图: https://zelda.ali213.net/
    攻略+离线地图安卓 APP:链接: https://pan.baidu.com/s/1lpTh9vuIu5urQGedNWNKLA 提取码: vimc
    kkkkkrua
        3
    kkkkkrua  
    OP
       2021-01-14 10:29:37 +08:00
    @xingshu1990 #1 如果自己从 0 绘制地图呢,然后自己标注地点
    gooin
        4
    gooin  
       2021-01-14 10:31:29 +08:00
    @kkkkkrua 我发的两个他们都是基于 leaflet 做的
    kkkkkrua
        5
    kkkkkrua  
    OP
       2021-01-14 10:31:32 +08:00
    @gooin #2 感谢
    KouShuiYu
        6
    KouShuiYu  
       2021-01-14 10:32:00 +08:00
    @kkkkkrua 用截图行么
    kkkkkrua
        7
    kkkkkrua  
    OP
       2021-01-14 10:37:25 +08:00
    @KouShuiYu #6 上面那个大佬就是截图的,感觉交互性不够,我想的是最好能复刻游戏的交互
    murmur
        9
    murmur  
       2021-01-14 10:41:57 +08:00   ❤️ 1
    现在的地图都支持自定义瓦片,在小区域内,不精确计算,可以用直角坐标简化计算,然后用不断尝试的方法修正标点的位置

    我就用这个方法做过省内的 xxx 分布图
    kkkkkrua
        10
    kkkkkrua  
    OP
       2021-01-14 10:42:48 +08:00
    @murmur #9 谢谢,我去了解下
    murmur
        11
    murmur  
       2021-01-14 10:44:54 +08:00   ❤️ 1
    @kkkkkrua 忘了说了,我用的是 openlayers,瓦片就是把一个大图切成若干正方块,稍微用一下就行,非常简单
    murmur
        12
    murmur  
       2021-01-14 10:46:50 +08:00
    https://zelda.ali213.net/

    攻略也有了,好好玩游戏想什么自己开发,我以前用多玩的,现在好像没了只有这个
    HenryWang0723
        13
    HenryWang0723  
       2021-01-14 10:49:54 +08:00
    @murmur 求问 openlayers 跟 leaflet 哪个比较好入手?
    murmur
        14
    murmur  
       2021-01-14 10:52:09 +08:00
    @HenryWang0723 不好意思,我只用过 openlayers,而且是几年前了
    ReinerShir
        15
    ReinerShir  
       2021-01-14 10:52:43 +08:00   ❤️ 1
    要做就做开放平台,每个人都能上传地图 增加位置标点,光一个 ZELD 没意思,搞几个人审核就行了,否则光靠你一个人添加内容注定做不下去的
    LadyChunsKite
        16
    LadyChunsKite  
       2021-01-14 10:53:37 +08:00   ❤️ 1
    如果仅仅是为了做出这个应用,你可以把一个未知世界的地图想象成一个超高分辨率的图像。
    然后你需要借助现有的库来把这张图像叠加上来,并做一些诸如在上面画点,画线,画面的操作。

    如果你想对未知世界像地球人绘制世界地图一样,绘制这个未知世界的地图,你要给他定义一个坐标系,
    而不是把人类的经纬度或者正交坐标系的观念强加给它。
    当然,游戏开发商就是这个世界的神,他们已经创造好了坐标系。
    然后你要在这套坐标系下采集你想要的数据,如同航海时代的探险家们绘制地球上大陆的轮廓一样。
    有了坐标系和采集到的数据,你就可以借助 GIS 软件来绘制你的地图了。
    这条路子对你来说难度太大了,但确实是一个正规的做法。
    lingxipaofan
        17
    lingxipaofan  
       2021-01-14 11:03:48 +08:00
    你想做的东西很类似原神的某环助手啊,参考那个就行了
    bojue
        18
    bojue  
       2021-01-14 11:26:40 +08:00
    @HenryWang0723 #13 我使用过 leaflet,瓦片图+leeflet 开发离线地图业务相对很简单
    Sor
        19
    Sor  
       2021-01-14 11:31:26 +08:00   ❤️ 1
    Sor
        20
    Sor  
       2021-01-14 11:31:48 +08:00
    上面链接是超大地图分享
    KouShuiYu
        21
    KouShuiYu  
       2021-01-14 11:38:49 +08:00
    @kkkkkrua 我是说用截图做地图,自己画太麻烦了也不精确
    wangxiaoaer
        22
    wangxiaoaer  
       2021-01-14 11:43:34 +08:00   ❤️ 1
    楼主,如果你需要可以找我,我觉得挺有意思的。我自己做地图类应用很多年了。
    hws8033856
        23
    hws8033856  
       2021-01-14 11:56:58 +08:00
    @HenryWang0723 leaflet 移动端开发用得多,库小点,估计功能比 openlayers 少一些吧,没深入研究过
    kkkkkrua
        24
    kkkkkrua  
    OP
       2021-01-14 14:06:03 +08:00
    @ReinerShir #15 长远来说是这么考虑的,不过前期先好一个再说
    kkkkkrua
        25
    kkkkkrua  
    OP
       2021-01-14 14:07:23 +08:00
    @wangxiaoaer #22 只是一个想法,而且我没接触过这种,还不知道怎么开始,主要是比较闲,然后找攻略一个一个找的,想弄着玩
    kkkkkrua
        26
    kkkkkrua  
    OP
       2021-01-14 14:08:07 +08:00
    @Sor #20 感谢
    TrickWu
        27
    TrickWu  
       2021-01-14 14:10:49 +08:00   ❤️ 1
    可以看下米游社的 app 原神就有搞了张大地图标注采集点
    kkkkkrua
        28
    kkkkkrua  
    OP
       2021-01-14 14:12:33 +08:00
    @TrickWu #27 我去了解下
    Maxxxxyu
        29
    Maxxxxyu  
       2021-01-14 15:27:56 +08:00   ❤️ 1
    这种开放世界游戏的互动地图太多了吧,完全没必要自己开发

    我当时玩的时候用的是这个
    https://www.zeldadungeon.net/breath-of-the-wild-interactive-map/
    kkkkkrua
        30
    kkkkkrua  
    OP
       2021-01-14 15:32:51 +08:00
    @Maxxxxyu #29 自己开发的初衷是为了好玩,又搞到一个攻略,thx
    Heanes
        31
    Heanes  
       2021-01-14 15:37:56 +08:00
    游戏驱动技术。。
    KouShuiYu
        32
    KouShuiYu  
       2021-01-14 19:01:45 +08:00
    上家公司就是做这个的,很多开源工具可以做 openlayer,leafet,mapbox,不用代码也可以做,
    参考
    https://geohey.com/apps/dataviz/b69a1221ff854d1aa81f68f659be85db/share?ak=YjhmYzk3MmFiMTVjNGNhMTk3OWI2NDU0ZWY1MTMxOGI
    KouShuiYu
        33
    KouShuiYu  
       2021-01-14 19:04:43 +08:00
    @ReinerShir 注意不错,我最近打算写一个这个东西玩玩呢
    cck123
        34
    cck123  
       2021-01-15 09:07:29 +08:00 via iPhone
    @KouShuiYu 老哥上家公司就是极海纵横么
    dany813
        35
    dany813  
       2021-01-15 09:40:42 +08:00
    @KouShuiYu 老哥你们地图是什么库画出来的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3176 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 00:37 · PVG 08:37 · LAX 17:37 · JFK 20:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.