-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
153 lines (143 loc) · 5.08 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<!-- saved from url=(0047)http://www.haloxin.me/one/index.php?c=footprint -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>中川沐矢 - 我的足迹</title>
<link rel="stylesheet" media="all" href="./src/jquery-jvectormap.css">
<script src="./src/jquery-1.8.2.js"></script>
<style type="text/css" adt="123"></style>
<script src="./src/jquery-jvectormap.js"></script>
<script src="./src/jquery-mousewheel.js"></script>
<script src="./src/jvectormap.js"></script>
<script src="./src/abstract-element.js"></script>
<script src="./src/abstract-canvas-element.js"></script>
<script src="./src/abstract-shape-element.js"></script>
<script src="./src/svg-element.js"></script>
<script src="./src/svg-group-element.js"></script>
<script src="./src/svg-canvas-element.js"></script>
<script src="./src/svg-shape-element.js"></script>
<script src="./src/svg-path-element.js"></script>
<script src="./src/svg-circle-element.js"></script>
<script src="./src/svg-image-element.js"></script>
<script src="./src/svg-text-element.js"></script>
<script src="./src/vml-element.js"></script>
<script src="./src/vml-group-element.js"></script>
<script src="./src/vml-canvas-element.js"></script>
<script src="./src/vml-shape-element.js"></script>
<script src="./src/vml-path-element.js"></script>
<script src="./src/vml-circle-element.js"></script>
<script src="./src/vml-image-element.js"></script>
<script src="./src/map-object.js"></script>
<script src="./src/region.js"></script>
<script src="./src/marker.js"></script>
<script src="./src/vector-canvas.js"></script>
<script src="./src/simple-scale.js"></script>
<script src="./src/ordinal-scale.js"></script>
<script src="./src/numeric-scale.js"></script>
<script src="./src/color-scale.js"></script>
<script src="./src/legend.js"></script>
<script src="./src/data-series.js"></script>
<script src="./src/proj.js"></script>
<script src="./src/map.js"></script>
<script src="./src/jquery-jvectormap-cn-mill-en.js"></script>
<script>
$(function() {
var markers = [{
latLng: [34.495876,115.643022],
name: '河南 · 商丘 - 人生的起点 - 1/1995'
}, {
latLng: [34.394514,115.838803],
name: '商丘 · 虞城 - 初中所在的地方 - 12/2005'
}, {
latLng: [43.765391,87.620378],
name: '新疆 · 乌鲁木齐 - 大学母校的所在地 - 7/2013'
}, {
latLng: [47.83653,86.682408],
name: '新疆 · 阿勒泰 - 第一步旅行 - 10/2014'
}, {
latLng: [24.870901,102.857946],
name: '云南 · 昆明 - 很熟悉的一个陌生的地方 - 12/2015'
}, {
latLng: [21.995045,100.776432],
name: '云南 · 西双版纳 - 感触比较深的地方 - 12/2015'
}, {
latLng: [26.877277,100.136439],
name: '云南 · 丽江 - 去过最浪漫的地方 - 1/2016'
}, {
latLng: [23.147919,113.258002],
name: '广东 · 广州 - 茶颜悦色奶茶很好喝 - 1/2016'
}, {
latLng: [22.529592,114.116312],
name: '广东 · 深圳 - 离香港最近的地方 - 1/2016'
}, {
latLng: [32.08492,118.797647],
name: '江苏 · 南京 - 第二个家 - 2/2017'
}, {
latLng: [36.062613,120.314935],
name: '山东 · 青岛 - 第一次见到大海 - 5/2019'
}, {
latLng: [38.039978,114.548916],
name: '河北 · 石家庄 - 毕业后来到的第一个城市？ - 6/2017'
}, {
latLng: [39.954045,119.594224],
name: '河北 · 北戴河 - 第二次到海边 - 10/2020'
}, {
latLng: [31.324293,120.628167],
name: '江苏 · 苏州 - 拙政园好风光 - 10/2020'
}, {
latLng: [31.245471,121.455097],
name: '上海市 - 东方明珠 - 10/2020'
}, {
latLng: [39.98539,116.405993],
name: '北京 - 我奋斗的地方 - 10/2018'
},{
latLng: [28.217831,112.96013],
name: '湖南 · 长沙 - 我奋斗的地方 - 11/2020'
}, ],
values1 = [408, 512, 550, 781],
values2 = [1, 2, 3, 4],
values3 = {
'4': 'bank',
};
$('#map1').vectorMap({
map: 'cn_mill_en',
panOnDrag: false,
backgroundColor: '#A8B2CB',
markers: markers,
markerStyle: {
initial: {
fill: '#FF444E',
stroke: '#FF444E',
"fill-opacity": 1,
"stroke-width": 1,
"stroke-opacity": 1,
r: 4
},
hover: {
stroke: 'black',
"stroke-width": 2,
cursor: 'pointer'
},
selected: {
fill: 'blue'
},
selectedHover: {}
},
labels: {
render: function(code) {
var doNotShow = ['US-RI', 'US-DC'];
if (doNotShow.indexOf(code) === -1) {
return code.split('-')[1];
}
},
}
});
})
</script>
<body style="background-color: #A8B2CB;">
<!--<div style="margin-top: 30px;font-style:bold;margin-bottom:30px;width: 100%;text-align: center;font-size: 28px;color: #FFFFFF;">我的足迹 - MyFootPrint | Resmic</div>-->
<div id="map1" style="margin: auto; height: 500px;">
</div>
</body>
</html>