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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1409 天前的主题，其中的信息可能已经有所发展或是发生改变。

前言

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

疑问

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

第 1 条附言 · 2021-01-14 15:05:46 +08:00

结贴
http://www.16p.top/#/
这个就挺好的。。

地图

攻略

塞尔达

DLC

35 条回复 • 2021-01-15 09:40:42 +08:00

xingshu1990

2021-01-14 10:27:15 +08:00

这个首先是基于官方或者第三方提供的 API 吧。
B 站非官方弹幕姬作者黑喵就做过 eve 的数据采集，然后前端展示。
参考 https://www.ceve-market.org/index/

gooin

2021-01-14 10:29:31 +08:00

当时收藏的：
地图： https://zelda.ali213.net/
攻略+离线地图安卓 APP：链接: https://pan.baidu.com/s/1lpTh9vuIu5urQGedNWNKLA 提取码: vimc

kkkkkrua

2021-01-14 10:29:37 +08:00

@xingshu1990 #1 如果自己从 0 绘制地图呢，然后自己标注地点

gooin

2021-01-14 10:31:29 +08:00

@kkkkkrua 我发的两个他们都是基于 leaflet 做的

kkkkkrua

2021-01-14 10:31:32 +08:00

@gooin #2 感谢

KouShuiYu

2021-01-14 10:32:00 +08:00

@kkkkkrua 用截图行么

kkkkkrua

2021-01-14 10:37:25 +08:00

@KouShuiYu #6 上面那个大佬就是截图的，感觉交互性不够，我想的是最好能复刻游戏的交互

xingshu1990

2021-01-14 10:40:42 +08:00

@KouShuiYu #6 截图的话参考： https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=766%E5%86%92%E9%99%A9%E5%B2%9B%20%E5%9C%B0%E5%9B%BE%20%E6%95%B0%E6%8D%AE&step_word=&hs=0&pn=12&spn=0&di=41580&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=2&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=-1&cs=895591710%2C2479224730&os=4049603895%2C2438031439&simid=4124341780%2C450921651&adpicid=0&lpn=0&ln=747&fr=&fmq=1610592016735_R&fm=result&ic=&s=undefined&hd=&latest=&copyright=&se=&sme=&tab=0&width=&height=&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=https%3A%2F%2Fgimg2.baidu.com%2Fimage_search%2Fsrc%3Dhttp%3A%2F%2Fgss0.baidu.com%2F-vo3dSag_xI4khGko9WTAnF6hhy%2Fzhidao%2Fpic%2Fitem%2Fd31b0ef41bd5ad6ed81480c481cb39dbb6fd3c2a.jpg%26refer%3Dhttp%3A%2F%2Fgss0.baidu.com%26app%3D2002%26size%3Df9999%2C10000%26q%3Da80%26n%3D0%26g%3D0n%26fmt%3Djpeg%3Fsec%3D1613184028%26t%3D374abae9cd023fc6251ecda94bc0e462&fromurl=ippr_z2C%24qAzdH3FAzdH3Fzit1w5_z%26e3Bkwt17_z%26e3Bv54AzdH3Fq7jfpt5gAzdH3Fbdm9naa8_z%26e3Bip4s&gsm=6&rpstart=0&rpnum=0&islist=&querylist=&force=undefined

murmur

2021-01-14 10:41:57 +08:00

现在的地图都支持自定义瓦片，在小区域内，不精确计算，可以用直角坐标简化计算，然后用不断尝试的方法修正标点的位置

我就用这个方法做过省内的 xxx 分布图

kkkkkrua

2021-01-14 10:42:48 +08:00

@murmur #9 谢谢，我去了解下

murmur

2021-01-14 10:44:54 +08:00

@kkkkkrua 忘了说了，我用的是 openlayers，瓦片就是把一个大图切成若干正方块，稍微用一下就行，非常简单

murmur

2021-01-14 10:46:50 +08:00

https://zelda.ali213.net/

攻略也有了，好好玩游戏想什么自己开发，我以前用多玩的，现在好像没了只有这个

HenryWang0723

2021-01-14 10:49:54 +08:00

@murmur 求问 openlayers 跟 leaflet 哪个比较好入手？

murmur

2021-01-14 10:52:09 +08:00

@HenryWang0723 不好意思，我只用过 openlayers，而且是几年前了

ReinerShir

2021-01-14 10:52:43 +08:00

要做就做开放平台，每个人都能上传地图增加位置标点，光一个 ZELD 没意思，搞几个人审核就行了，否则光靠你一个人添加内容注定做不下去的

LadyChunsKite

2021-01-14 10:53:37 +08:00

如果仅仅是为了做出这个应用，你可以把一个未知世界的地图想象成一个超高分辨率的图像。
然后你需要借助现有的库来把这张图像叠加上来，并做一些诸如在上面画点，画线，画面的操作。

如果你想对未知世界像地球人绘制世界地图一样，绘制这个未知世界的地图，你要给他定义一个坐标系，
而不是把人类的经纬度或者正交坐标系的观念强加给它。
当然，游戏开发商就是这个世界的神，他们已经创造好了坐标系。
然后你要在这套坐标系下采集你想要的数据，如同航海时代的探险家们绘制地球上大陆的轮廓一样。
有了坐标系和采集到的数据，你就可以借助 GIS 软件来绘制你的地图了。
这条路子对你来说难度太大了，但确实是一个正规的做法。