在我的博客園首頁,增加了一個(gè)“足跡”菜單,這是自定義的頁面,足跡頁面通過編輯html源代碼指向了js代碼,顯示了地圖。進(jìn)入足跡編輯頁面是看不到內(nèi)容的,只有點(diǎn)擊HTML才能看到內(nèi)容:

可以看到源碼中定義了一塊地圖顯示區(qū)域,地圖使用的是百度的echarts,自己寫了一個(gè)腳本,顯示自己的足跡,腳本上傳到博客園的文件中。

自己的腳本源碼如下:

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

 1 // Step:3 為模塊加載器配置echarts的路徑,從當(dāng)前頁面鏈接到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 動(dòng)態(tài)加載echarts然后在回調(diào)函數(shù)中開始使用,注意保持按需加載結(jié)構(gòu)定義圖表路徑10 require(11     [12         'echarts',13         'echarts/chart/map'14     ],1