如何开发一个类地图的网页? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
kkkkkrua

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

  •  
  •   kkkkkrua 2021 年 1 月 14 日 3695 次点击
    这是一个创建于 1926 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

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

    疑问

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

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

    我就用这个方法做过省内的 xxx 分布图
    kkkkkrua
        10
    kkkkkrua  
    OP
       2021 年 1 月 14 日
    @murmur #9 谢谢,我去了解下
    murmur
        11
    murmur  
       2021 年 1 月 14 日   1
    @kkkkkrua 忘了说了,我用的是 openlayers,瓦片就是把一个大图切成若干正方块,稍微用一下就行,非常简单
    murmur
        12
    murmur  
       2021 年 1 月 14 日
    https://zelda.ali213.net/

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

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

    我当时玩的时候用的是这个
    https://www.zeldadungeon.net/breath-of-the-wild-interactive-map/
    kkkkkrua
        30
    kkkkkrua  
    OP
       2021 年 1 月 14 日
    @Maxxxxyu #29 自己开发的初衷是为了好玩,又搞到一个攻略,thx
    Heanes
        31
    Heanes  
       2021 年 1 月 14 日
    游戏驱动技术。。
    KouShuiYu
        32
    KouShuiYu  
       2021 年 1 月 14 日
    上家公司就是做这个的,很多开源工具可以做 openlayer,leafet,mapbox,不用代码也可以做,
    参考
    https://geohey.com/apps/dataviz/b69a1221ff854d1aa81f68f659be85db/share?ak=YjhmYzk3MmFiMTVjNGNhMTk3OWI2NDU0ZWY1MTMxOGI
    KouShuiYu
        33
    KouShuiYu  
       2021 年 1 月 14 日
    @ReinerShir 注意不错,我最近打算写一个这个东西玩玩呢
    cck123
        34
    cck123  
       2021 年 1 月 15 日 via iPhone
    @KouShuiYu 老哥上家公司就是极海纵横么
    dany813
        35
    dany813  
       2021 年 1 月 15 日
    @KouShuiYu 老哥你们地图是什么库画出来的
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2891 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 71ms UTC 01:50 PVG 09:50 LAX 18:50 JFK 21:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86