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

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

自己的腳本源碼如下:

萬碼學(xué)堂,電腦培訓(xùn),計算機(jī)培訓(xùn),Java培訓(xùn),JavaEE開發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(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 動態(tài)加載echarts然后在回調(diào)函數(shù)中開始使用,注意保持按需加載結(jié)構(gòu)定義圖表路徑10 require(11     [12         'echarts',13         'echarts/chart/map'14     ],15     function (ec) {16         // --- 地圖 ---17 &