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

[kkkkkrua]

前言

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

疑问

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

[xingshu1990]

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

[gooin]

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

[kkkkkrua]

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

[gooin]

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

[kkkkkrua]

@gooin #2 感谢

[KouShuiYu]

@kkkkkrua 用截图行么

[kkkkkrua]

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

[xingshu1990]

@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]

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

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

[kkkkkrua]

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

[murmur]

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

[murmur]

https://zelda.ali213.net/

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

[HenryWang0723]

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

[murmur]

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

[ReinerShir]

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

[LadyChunsKite]

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

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

[lingxipaofan]

你想做的东西很类似原神的某环助手啊，参考那个就行了

[bojue]

@HenryWang0723 #13 我使用过 leaflet,瓦片图+leeflet 开发离线地图业务相对很简单

[Sor]

https://6yun.cc/s/dzouq

[Sor]

上面链接是超大地图分享