背景
給老板寫個人主頁的時候用到的，記錄下
效果展示
3D版
平面版
實作
- 打開 https://clustrmaps.com/site/1bf58，創建一個小部件
- 輸入你要統計的網站地址
- 選擇你要那個版本的
3D版，右邊那個
- 點進去有相應的js代碼，復制就行了
比如我的代碼是，效果是最開始說明那樣
<div style="height: 250px;width: 250px;margin-left: 40px;">
<script type="text/javascript" id="clstr_globe"
src="https://clustrmaps.com/globe.js?d=jEedlNVklOX2IZqAQB0Waa8-5oRjlCYuVpdX7PitdPg"></script>
</div>
也就是說把哪一行js代碼放到一個你先顯示的地方取（用個 div 包裹起來，方便調整大小），加不加 https: 應該都行，我沒試過哈哈哈哈，但我覺得是可以的
注意：
本地除錯的時候可能顯示不出來，原因是可能有跨域的問題存在，由于我是用vscode 寫代碼的，所以提供一個簡單的方法
安裝 live-server 插件，右鍵——open with live server 打開html檔案，會強制使其在同一個服務器下，就可以顯示出來了
平面版，左邊那個
- 點進去有相應的js代碼，復制就行了
比如，用個 div 包裹起來，方便調整大小
<div style="height: 200px;width: 300px;">
<a href='https://clustrmaps.com/site/1bf58' title='Visit tracker'>
<img src='https://clustrmaps.com/map_v2.png?cl=ffffff&w=a&t=tt&d=sc-tnMTlq6b2FGca4Hm1BDMP4tHOzOwscT19WfHkAK4' style="height: 100%;width: 100%;" /></a>
</div>
js形式的如果本地除錯不顯示的話，也是安裝個插件 open with live server 就行了
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/401661.html
標籤：其他