简介

之前发过一些关于足迹的源码，后来由于地图的更新或者一些限制无法在使用，又重新写了一套，这套足迹使用百度地图来实现的，我觉得要比之前好得多，加入了图文，足迹logo，等等。具体可到我的关于页面查看。

源码截图

使用说明

将源码下载好后首先我们要到百度地图开放平台注册一个自己的账号，并设置好自己的域名信息，等待审核通过后 拿到自己的AK码。然后添加至首页的` <!-- 引入百度地图API -->

<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=这里是你的AK"></script>`这个位置即可。

地图样式可在个性化地图界面设置地图样式。然后将代码添加至` // 设置地图样式

    map.setMapStyleV2({
        styleId: '这里是地图样式'ID
    });`

数据信息再markers.js中进行修改，一定要注意格式，不然会不显示的。

// 坐标查询：https://api.map.baidu.com/lbsapi/getpoint/index.html

        var markers = [
            {
        latLng: [125.341771,43.873726],
        name: "长春市",
        icon: "/footprint/zj.png",
        desc: "长春市"
    },
    {
        latLng: [124.831767,45.148014],// 图文带跳转的
        name: "松原市",
        icon: "/footprint/zj.png",// 这是足迹logo
        desc: "松原市。",// 这里是简介
        photo: [
            "/usr/uploads/2025/01/2486362157.jpg",
            "/usr/uploads/2025/01/1044572061.jpg",
            "/usr/uploads/2025/01/1454283446.jpg",
            "/usr/uploads/2025/01/3919603999.jpg",
        ],
        links: [
            "/index.php/archives/138/",// 第一个图文带跳转的链接
            "/index.php/archives/138/",// 第2个图文带跳转的链接
            "/index.php/archives/138/",// 第3个图文带跳转的链接
            "/index.php/archives/138/",// 第4个图文带跳转的链接
        ]
    },
    {
        latLng: [128.091721,42.05933],// 单独文字介绍的
        name: "长白山",
        icon: "/footprint/zj.png",        
        desc: "长白山"
    },
    {
        latLng: [128.251537,43.32305],
        name: "六顶山",
        icon: "/footprint/zj.png",        
        desc: "六顶山"
    },
    {
        latLng: [126.992893,46.644393],
        name: "绥化市",
        icon: "/footprint/zj.png",        
        desc: "绥化市"
    },

        ];

喜欢什么样式添加什么样式就可以了。

调试

数据添加好了之后可以先访问一下看下有没有错误，没有的可以就可以在页面或者直连的方式进行访问查看了。如果是加入嵌入式。再加入如下 原生html 代码即可！

<iframe scrolling=no style="min-height:480px !important;" src="你的足迹地址" width="100%" height="100%"></iframe>

源码下载

点击下载

免责声明

本站提供的资源，均来自网络，如有版权争议与本站无关，所有内容及软件的文章仅限用于个人学习和研究目的。下载者不得将上述内容用于商业或者非法用途，否则，一切后果请用户自行自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您务必在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，或购买注册，以得到更好的正版服务。如本站侵犯了您的权益，请致信E-mail：937745580@qq.com