地图页面新增相应文章链接功能
首先感谢,该地图是七月的栀子分享给我玩的。可以在地图上设置去过哪些地方,以圆点标注,经常逛博客圈,看见有链接到相应文章的功能,想着也给弄个出来玩玩(../ditu/index文件已做修改),地图文件放在wordpress目录中(../ditu),新建页面(名称随意),在html格式下编辑,使用iframe引用,网址为:博客地址/ditu即可。目前只添加“长春”的相应文章,即点击长春后,新窗口跳至相应文章页。
20250619,14:15更新:点击白点显示预览文章第一张图片,并在图片下方显示标题及链接。
20250620,8:20更新:如果同一地址有多篇文章,可以设置列表,在合适位置添加以下代码:
// Special case for Changchun if (marker.name === '地点') { var additionalArticleLink = '文章链接'; var additionalArticleTitle = '文章标题'; var additionalArticleHTML = '<p class="additional-link"><a href="' + additionalArticleLink + '" target="_blank" style="text-decoration: none;color: #007bff;">' + additionalArticleTitle + '</a></p>'; $('#modal-body').append(additionalArticleHTML); }
我感觉自己就以前有足迹,现在足迹就在湖北省内了,哪儿都没去
我近几年也出去的少了,有些地方也只是经过~哈哈
要是能有个列表,点一下出来当地的游记就更好了![[破涕为笑]](https://illl.xyz/wp-content/themes/Simple/img/smilies/icon_lol.png)
这个已修改,但是如果多篇文章有首图,下回再研究😄
求分享代码…让我也能吃个现成的![[破涕为笑]](https://illl.xyz/wp-content/themes/Simple/img/smilies/icon_lol.png)
已发邮箱
又更新了,这个地图被你弄得越来越好了![[微笑]](https://illl.xyz/wp-content/themes/Simple/img/smilies/icon_biggrin.png)
突然有了想法,改着玩,,
为啥用iframe的方式呢?
因为它像是一个类似flash的东西吧,调用一下。
现在很多博主都加入了这个功能,我原本也想加,但看了一下自己的足迹,还是算了。![[破涕为笑]](https://illl.xyz/wp-content/themes/Simple/img/smilies/icon_lol.png)
其实我好多地方去了都没写文章没拍照片。。地图真的差不多就是个足迹。。
刚看了一下,很符合主题呀
我之前弄过,加载起来慢又关咯,还没找到还用的![[破涕为笑]](https://illl.xyz/wp-content/themes/Simple/img/smilies/icon_lol.png)
加载不慢,功能简单点就好~
这个图也过于简陋了啊,聊胜于无吧,我忘了在哪看到过做的很漂亮的地图足迹标注。
目前是这样,等我有想法了再修改~😄
不错 cool~
玩~~