2026年6月18日网站更新

更新“有趣/无聊合集”项目，新增ECharts地图项目

之前自己用百度地图，然后因为高德很会玩语音包营销。之前是TFBOYS语音包、后来是可莉语音包，然后我就变成了坐公交地铁是百度（因为收藏点比较多）然后骑行开车用高德（因为可莉语音包很有意思）。

但是也造成了自己多个平台都有收藏点，还都不能导出收藏，只能手动定位。

之前写小说，以显示世界的地图为蓝本、想要塑造几个大区联盟，然后想要生成一些可以给国家变色的地图，但是寻找的那些要么下载要会员、要么就是需要一个个国家更改太麻烦了。

多方寻找，找到了一个不错的开源项目ECharts地图。它用简单的线条勾勒出来了世界地图，基本上还是很不错的，不需要去申请高德、百度之类的api或者开发者权限，能够快速上线。

于是，几个版本就此诞生。

版本一：单纯的地图展示

直接在一个空白页面引用这个项目，默认的颜色、默认的点、默认的英文，可以单纯展示地图样式，可以拖拽移动、放大缩小。

项目地址：世界地图·展示 (https://aiiyiyei.com/bored/ECharts/1.html)

版本二：地图变色

在第一版的基础上，增加了侧边栏，然后可以右键国家的名字、将地图的颜色进行变色。这样就可以形成比如整个非洲是一个大区、整个欧洲是一个大区，然后小说中的蓝星只有十几个大区（国家）的设定，写起小说来也更有代入感和灵感。

项目地址：世界地图·变色 (https://aiiyiyei.com/bored/ECharts/2.html)

版本三：地图收藏点

在第一版的基础上，增加了侧边栏，并且增加了国家名字展示/隐藏的功能。

除此之外，增加了坐标功能，可以在地图上展示定位点，这样不就很像百度/高德地图的收藏点了吗？

项目地址：世界地图·收藏 (https://aiiyiyei.com/bored/ECharts/3.html)

然后，因为单页面修改太麻烦了、我就干脆增加了后台代码，变成了动态网站，数据库依旧用json展示、方便快速上线，有能力的小伙伴可以转为MySQL存储数据。

版本四：地图收藏点实际应用

在第一版的基础上，增加了侧边栏，并且增加了国家名字展示/隐藏的功能。

除此之外，增加了坐标功能，可以在地图上展示定位点，这样不就很像百度/高德地图的收藏点了吗？

首先是前台功能，在保留第三版的基础上，鼠标悬浮在地图上的地点上面、会出现一个悬浮窗显示地名+地址，如果单击这个收藏点，会跳转到地点故事页面。

后台页面，第一个板块是全站属性设置，可以直接更改网站的浏览器标题、侧边栏标题，以及登录密码，支持一键导出json数据文件备份。

第二个板块是地区联动管理，在这里可以新增省份作为一级地址，然后新增下级、依次添加市、区县、街道，并支持拖拽排序。

第三个板块是收藏地点管理，可以新增收藏点，地区联动自动识别。可以下拉列表选择新增收藏点的位置、并需要手动输入坐标，方便在地图上正确位置显示收藏点。

第四个板块是故事内容管理，自动识别前面的收藏地点信息，每个收藏地点都会自动新建一个故事html页面（删除收藏地点、故事页面同步删除）。可以直接编辑内容、黏贴进去html代码，这样可以为每一个收藏点都留下一些备注之类的信息、甚至为每一个收藏点设置一个单独的静态网站。

第五个板块是名称映射管理，因为ECharts地图项目的国家名称默认是英文的，这个功能可以为英文名称增加一个中文对应的变量。默认按照英文首字母进行排序。这样前台地图上展示的地名就会变成中文，方便查看。

第六个板块是文件管理功能，引用的files gallery开源项目，不管是做网盘还是ftp都是非常好用的，这里做了一个超链接使用。方便我不登录宝塔面板就可以直接前台快速修改代码。

第七、第八板块是引用的高德和百度的经纬度查询网站，新增收藏点之前可以搜索地点、获取到经纬度填入新增收藏点里面的经纬度里面，这样收藏点就可以正确展示在地图上了。

项目地址：世界地图·收藏地点应用 (https://aiiyiyei.com/bored/ECharts/star/index.php)

项目历经三四天的豆包调教开发，于今日上线、特此开源。

项目地址：ECharts地图收藏点项目 (https://aiiyiyei.com/bored/ECharts/)