Hexo添加jVectorMap足迹地图

足迹地图作者效果如下：
原文链接
 笔者效果

jVectorMap

JVectorMap 是一个优秀的、兼容性强的 jQuery 地图插件。

它可以工作在包括 IE6 在内的各款浏览器中，矢量图输出，除官方提供各国地图数据外，用户可以使用数据转换程序定制地图数据。例如街道地图、小区地图等等。

JVectorMap 官方网站提供了很多相关文档和使用示例，感兴趣的小伙伴可以自己研究一下。
{% link 官方网站, http://jvectormap.com/, http://lengmo714.top/img/favicon.png %}

今天教大家通过 jVectorMap 制作旅行足迹地图，最终的效果可以查看下面的 Demo 演示（中国），并教大家如何将制作好的足迹地图嵌入到我们自己的博客中。
{% link Demo, http://lengmo714.top/jVectorMap/, http://lengmo714.top/img/favicon.png %}

获取源码

git clone https://github.com/HelloWuJiaYi/jVectorMap-Footprint
1

文件说明

绿色框中是必须要引入的文件内容。
下面三个文件是展示的地图，可自行到官网下载需要的地图 : http://jvectormap.com/maps/world/world/ ，拷贝到 js 目录。(这里获取的源代码中已经提供)
index.html中需要添加足迹位置和相关样式。

如何更换不同国家地图

<html>
    <head>
        <!--引入jQuery框架-->
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <!--引入jVectorMap库-->
        <script type="text/javascript" src="js/jquery-jvectormap-1.2.2.min.js"></script>
        <!--引入样式表-->
        <link href="js/jquery-jvectormap-1.2.2.css" rel="stylesheet" media1
2
3
4
5
6
7

相关阅读:
【三维重建NeRF(三)】Mip-NeRF论文解读
推荐系统！基于tensorflow搭建混合神经网络精准推荐！
qml怎么显示网页
Springboot 打印接口耗时
java-php-python-ssm校园驿站计算机毕业设计
通过STM32F103C8T6配置完成基于SPI协议的0.96OLED屏显
k8s部署mysql报错‘/var/lib/mysql/‘: Operation not permitted
跟着AI学AI_07张量、数组、矩阵
docker-compose安装带SASL认证的kafka
介绍一款特别好用的java反编译工具jd-gui

原文地址：https://blog.csdn.net/Silent_F/article/details/127896546