使用Kiro+Gemini复刻一个 Your Name In Landsat 应用(国内版)
在之前的文章《探索Landsat新工具:将你的名字变成地图上的艺术品》中,小编给大家介绍了Landsat官方出品的好玩的应用:Your Name In Landsat,前几天这个网站突然不能访问了,有朋友在麻辣GIS后台留言问有没有替代品。小编找了圈,没有发现可用的替代方案,于是就尝试自己复刻了一个。
体验地址:https://malagis.com/extension/demo/your-name-in-landsat/
具体怎么实现的,小编给大家简单介绍下。
找网页存档
为什么要有这一步呢?因为小编做这个的时候正好原版 Your Name In Landsat 停用了,所以只能找网页存档。方法参考《这个武汉GIS国企官网,扯开了GIS行业的遮羞布》中所述的,使用Web时光机网站:https://web.archive.org/,输入原版地址(https://landsat.gsfc.nasa.gov/apps/YourNameInLandsat-main/)进行搜索,找到网页存档。
找到之后打开控制台,获取网站核心代码main.js
,并下载下来。
下载所有图片
之后我们打开我们要用到的第一个工具:Kiro(https://kiro.dev/)。
Kiro是由AWS(亚马逊)前几天刚发布的一款船新AI编程工具,和Cursor一样,也是基于VS Code开发的。但重点是,Kiro目前完全免费,你可以直接使用Claude 4!!本着有羊毛不能不薅的原则,小编立马下载体验了。
我们让它分析下main.js
,并写一个下载所有图片的脚本。
它的速度很快,立马生成了下载文件的nodejs脚本,并且还贴心的生成了一个浏览器环境和一个node环境。
我们直接运行node环境,就可以下载所有图片了。
复刻 Your Name In Landsat 应用
我们再写一段提示词,让它帮我们复制一个这样的网站。
它直接生成了一个html文件和一个js文件,直接运行html文件,就可以访问这个网站了,竟然一次通过!!!
但小编测试了一下发现其中有个重要功能没了,就是点击一张遥感影像的时候显示这个影像的具体经纬度和实际地址。于是小编开始排查,结果发现是有部分信息没移植过来,但无论如何换提示词,都不生效,就是不按要求来。
小编又使用了Cursor,结果还是一样,就是不成功,小编看了下main.js
源代码,发现可能是因为这段代码太长了,超过了模型上下文的限制了。最后无奈之后请了大力出奇迹的Gemini,还真没让我失望,直接用网页版1000行左右的代码不用1分钟就改好了。
后续修补
当然,不得不提一个实际情况,完成上面的步骤其实用了1个多小时,但其实还有大量的工作在于后期小编的手动编码、优化、测试等。反正经过各种修改,终于上线了一个麻辣GIS复刻的版本了。
如果是以前小编应该会在最后放出源代码,但是现在小编反而觉得没必要了,Code is cheap, show me the Talk。小编的提示词已经在文章中了,如果你有兴趣,可以自己尝试。
相关阅读
声明
1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。
2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

