在我的博客园首页,增加了一个“足迹”菜单,这是自定义的页面,足迹页面通过编辑html源代码指向了js代码,显示了地图。进入足迹编辑页面是看不到内容的,只有点击HTML才能看到内容:
可以看到源码中定义了一块地图显示区域,地图使用的是百度的echarts,自己写了一个脚本,显示自己的足迹,脚本上传到博客园的文件中。
自己的脚本源码如下:
1 // Step:3 为模块加载器配置echarts的路径,从当前页面链接到echarts.js,定义所需图表路径 2 require.config({ 3 paths: { 4 //echarts: './js/echarts' 5 echarts: 'http://echarts.baidu.com/build/dist' 6 } 7 }); 8 9 // Step:4 动态加载echarts然后在回调函数中开始使用,注意保持按需加载结构定义图表路径10 require(11 [12 'echarts',13 'echarts/chart/map'14 ],15 function (ec) {16 // --- 地图 ---17 &