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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
|
<!DOCTYPE html>
<html lang="tc-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>愛華時商店 - Alfex Watches</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="description" content="web_description">
<meta property="og:type" content="website" />
<meta property="og:url" content="web_domain" />
<meta property="og:title" content="web_title" />
<meta property="og:description" content="web_description" />
<meta property="og:image" content="web_img" />
<meta property="og:site_name" content="Web" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="web_description" />
<meta name="twitter:title" content="web_title" />
<meta name="twitter:image" content="web_img" />
<link rel="shortcut icon" href="../img/favicon.ico">
<link rel="stylesheet" href="../css/osicons.css">
<!-- my css -->
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/animations.css">
<link rel="stylesheet" href="../css/navbar.css">
<link rel="stylesheet" href="../css/slick.css">
<link rel="stylesheet" href="../css/slick-theme.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/responsive.css">
</head>
<body>
<!-- sidemenu -->
<?php include 'include/sidemenu.php';?>
<!-- end of sidemenu -->
<div class="wrapper">
<!-- header -->
<?php include 'include/header.php';?>
<!-- end of header -->
<!-- pagelocation -->
<div class="pagelocation">
<div class="container">
<div class="location">
<a href="#">主頁</a> / <span>店舖位置</span>
<h2>店舖位置</h2>
</div>
</div>
</div>
<!-- end location -->
<div class="subcontent static">
<div class="container">
<h2>找我們的商店</h2>
<!-- contact form -->
<div class="form">
<div class="form_row">
<h4>當前位置：</h4>
<input type="text" class="form-control" value="Hong Kong">
</div>
<!-- <div class="form_row">
<h4>搜索半徑：</h4>
<select name="radius" id="radiusSelect" class="form-control"><option value="15">15</option><option value="25">25</option><option value="50">50</option><option value="100">100</option><option value="0">No Limit</option> </select>
</div> -->
<div class="form_row">
<input type="submit" class="form-control tc" value="搜索">
</div>
</div>
<!-- end form -->
<div class="stores_container">
<select id="locationSelect" class="form-control" style="visibility: visible;"><option value="none">8 商店發現 - 查看所有結果：</option><option value="0">Alfex (HongKong) Co. Ltd. (7.0 km)</option><option value="1">TIC TAC TIME (9.0 km)</option><option value="2">ANYTIME (12.0 km)</option><option value="3">PREMIUM (12.0 km)</option><option value="4">YING KWONG WATCH CO (12.0 km)</option><option value="5">Tak Ming Watch Co (14.0 km)</option><option value="6">Eagle Watch (16.0 km)</option><option value="7">ZHOU YU ZAN ___ (59.0 km)</option></select>
<div class="row">
<div class="sidemap-box">
<div class="option">
<ul>
<li class="en"><h4>Alfex (HongKong) Co. Ltd.</h4><div>Unit 08-09, 15/F<br>9 Wing Hong Street, Lai Chi Kok<br>Kowloon</div></li>
<li class="en"><h4>TIC TAC TIME</h4><div>SHOP L1-15, FESTIVAL WALK<br>KOWLOON TONG</div></li>
<li class="en"><h4>ANYTIME</h4><div>SHOP 314, 3/F<br>SPOT 48, LUNG SUM AVENUE,<br>SHEUNG SHUI</div></li>
<li class="en"><h4>PREMIUM</h4><div>SHOP 57, UG/F, CHINA HONG KONG CITY<br>33 CANTON ROAD<br>TSIM SHA TSUI</div></li>
<li class="en"><h4>YING KWONG WATCH CO</h4><div>SHOP 64, G/F, HUNG HOM SQ<br>37-39 MA TAU WAI ROAD<br>HUNG HOM</div></li>
<li class="en"><h4>Tak Ming Watch Co</h4><div>Shop 1, G/F,<br>18 MARBLE RD<br>North Point</div></li>
</ul>
</div>
</div>
<div class="storegooglemap">
<div id="map"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<!-- footer -->
<?php include 'include/footer.php';?>
<!-- end of footer -->
</div>
<!-- JS -->
<script src="../js/jquery.js"></script>
<!-- responsive images -->
<script type="text/javascript" src="../js/responsiveimages.js"></script>
<!-- animate js css -->
<script type="text/javascript" src="../js/js_animate.js"></script>
<!-- slick -->
<script type="text/javascript" src="../js/slick.min.js"></script>
<script src="../js/script.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBmL8Q_z4xS2GvkdDgzo-g8FR8_bgF2dJo&sensor=false" type="text/javascript"></script>
<script type="text/javascript">
var locations = [
['<h4>ANYTIME</h4> SHOP 314,<br> 3/F SPOT 48,<br> LUNG SUM AVENUE,<br> SHEUNG SHUI', 22.338336, 114.146070],
['<h4>TIC TAC TIME</h4>SHOP L1-15, FESTIVAL WALK<br> KOWLOON TONG', 22.337388, 114.174506],
['<h4>ANYTIME</h4SHOP 314, 3/F<br> SPOT 48, LUNG SUM AVENUE,<br> SHEUNG SHUI', 22.503475, 114.127747],
['<h4>PREMIUM</h4>SHOP 57, UG/F, CHINA HONG KONG CITY<br> 33 CANTON ROAD<br> TSIM SHA TSUI', 22.300841, 114.167749],
['<h4>YING KWONG WATCH CO</h4>SHOP 64, G/F, HUNG HOM SQ<br> 37-39 MA TAU WAI ROAD<br> HUNG HOM', 22.310520, 114.187745],
['<h4>Tak Ming Watch Co</h4>Shop 1, G/F,<br> 18 MARBLE RD<br> North Point', 22.291762, 114.200026]
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: new google.maps.LatLng(22.392709, 114.108170),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>
</body>
</html>
|