You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

302 lines
20 KiB

2 years ago
  1. $(function () {
  2. 'use strict';
  3. var sLang = $('[http-equiv="content-language"]').attr('content') || 'zh-TW',
  4. sTab = getUrlParam('T'),
  5. /*
  6. * 目的 抓取公司簡介
  7. * @param {Object} org 組織明細
  8. */
  9. fnSetIntroduction = function (org) {
  10. $('#right').html({ 'zh-TW': org.Introduction, 'zh': org.Introduction_CN, 'en': org.Introduction_EN }[sLang]);
  11. },
  12. /*
  13. * 目的 抓取公司願景
  14. * @param {Object} org 組織明細
  15. */
  16. fnSetMissionAndVision = function (org) {
  17. $('#right').html({ 'zh-TW': org.MissionAndVision_TW, 'zh': org.MissionAndVision_CN, 'en': org.MissionAndVision_EN }[sLang]);
  18. },
  19. /*
  20. * 目的 設定地圖
  21. * @param {Object} org 組織明細
  22. */
  23. fnSetMap = function () {
  24. return fnGetWebSiteSetting(function (oRes) {
  25. if (oRes.length > 0) {
  26. var mapInfo = oRes[0];
  27. $('#right').html(' <div id="map" class="googleMap"></div>');
  28. var map = null,
  29. saPoints = $.parseJSON(mapInfo.Content || '[]'),
  30. saStyleJson = $.parseJSON(mapInfo.Memo || '[]'),
  31. oCenterPoint = $.parseJSON(mapInfo.Description || '{lat:"8.6",lng:"35.2"}'),
  32. sIconUrl = !mapInfo.IconFilePath ? 'images/eurtoran_lo.png' : gServerUrl + '/' + mapInfo.IconFilePath.replace(/\\/g, "\/");
  33. if (sLang === 'zh') {
  34. map = new BMap.Map("map");
  35. var pointArray = new Array(),
  36. view = map.getViewport(saPoints),
  37. mapZoom = view.zoom,
  38. centerPoint = BMap.Point(oCenterPoint.lat, oCenterPoint.lng);
  39. map.centerAndZoom(new BMap.Point(oCenterPoint.lat, oCenterPoint.lng), 4); //根据各个点自适应显示地图
  40. if (saPoints.length === 0) {
  41. saPoints = [
  42. { lat: 23.5948856, lng: 121.4214155 }, //台灣
  43. { lat: -6.3567715, lng: 145.9033085 }, //巴布亞
  44. { lat: -23.6993532, lng: 133.8713752 }, //澳大利亞
  45. { lat: 26.5604565, lng: 29.6630058 }, //埃及
  46. { lat: 9.5577684, lng: 7.9979073 },//奈及利亞
  47. { lat: 0.1953689, lng: 6.6126343 }, //聖多美普林西比
  48. { lat: -30.6532947, lng: 23.9345003 }, //南非
  49. { lat: -26.6682265, lng: 30.9023096 }, //史瓦濟蘭
  50. { lat: -35.425776, lng: -65.9767868 }, //阿根廷
  51. { lat: -8.5275228, lng: -55.8778956 }, //巴西
  52. { lat: -26.8561446, lng: -71.4021298 },//智利
  53. { lat: 4.1454439, lng: -73.5223993 }, //哥倫比亞
  54. { lat: -23.4611862, lng: -58.4817976 }, //巴拉圭
  55. { lat: -10.1091956, lng: -76.2822092 }, //秘魯
  56. { lat: 19.0426862, lng: -70.2479896 }, //多明尼加
  57. { lat: 57.8807689, lng: -101.6724135 }, //加拿大
  58. { lat: 15.8120328, lng: -90.2990771 }, //瓜地馬拉
  59. { lat: 15.0241668, lng: -87.0039418 }, //宏都拉斯
  60. { lat: 24.6901136, lng: -102.0043495 },//墨西哥
  61. { lat: 12.8889429, lng: -85.0106797 }, //尼加拉瓜
  62. { lat: 8.6024001, lng: -80.2711767 }, //巴拿馬
  63. { lat: 13.8973856, lng: -60.9842968 }, //聖露西亞
  64. { lat: 40.2909474, lng: -101.809408 }, //美國
  65. { lat: 41.6351161, lng: 21.711268 }, //馬其頓
  66. { lat: 39.862204, lng: -3.2344494 }, //西班牙
  67. { lat: 39.1082877, lng: 35.2500578 }, //土耳其
  68. { lat: 42.7024418, lng: 25.1189025 }, //保加利亞
  69. { lat: 43.9394954, lng: 17.6232668 }, //波士尼亞
  70. { lat: 41.1857216, lng: 19.9760582 }, //阿爾巴尼亞
  71. { lat: 49.8766304, lng: 15.1698544 }, //捷克
  72. { lat: 53.2569956, lng: 18.6683763 }, //波蘭
  73. { lat: 47.2047105, lng: 19.5553868 }, //匈牙利
  74. { lat: 62.5290963, lng: 93.8171104 }, //俄羅斯
  75. { lat: 63.0502944, lng: 16.6267692 }, //瑞典
  76. { lat: 57.126913, lng: 26.0037774 }, //拉脫維亞
  77. { lat: 48.8459645, lng: 19.4424029 }, //斯洛伐克
  78. { lat: 51.1676818, lng: 10.4332196 }, //德國
  79. { lat: 46.8463948, lng: 2.4559869 }, //法國
  80. { lat: 55.3430558, lng: -3.3820532 }, //英國
  81. { lat: 43.3089667, lng: 12.3977752 }, //義大利
  82. { lat: 52.2590496, lng: 5.6466364 }, //荷蘭
  83. { lat: 36.086822, lng: 103.4147709 }, //中國
  84. { lat: 36.7191386, lng: 127.858362 }, //韓國
  85. { lat: 37.0092457, lng: 139.8812684, }, //日本
  86. { lat: 4.5928227, lng: 114.6181193 }, //汶萊
  87. { lat: -3.2025712, lng: 121.9791652 }, //印尼
  88. { lat: 4.1650768, lng: 102.0246564 }, //馬來西亞
  89. { lat: 21.778682, lng: 96.5156388 }, //緬甸
  90. { lat: 13.5488787, lng: 122.8379407 }, //菲律賓
  91. { lat: 1.3593895, lng: 103.8616207 }, //新加坡
  92. { lat: 15.5393972, lng: 100.9749041 }, //泰國
  93. { lat: 15.268843, lng: 107.3972625 }, //越南
  94. { lat: 23.6876726, lng: 79.4363431 }, //印度
  95. { lat: 26.0593531, lng: 50.5436515 }, //巴林
  96. { lat: 24.0776844, lng: 45.2586931 }, //沙烏地阿拉伯
  97. { lat: 25.1583957, lng: 55.11235 }, //杜拜
  98. { lat: 24.4631591, lng: 54.3505263 }, //阿布達比
  99. { lat: 31.2373157, lng: 34.6096371 }, //以色列
  100. { lat: 55.153022, lng: 21.6525519 }, //立陶宛
  101. { lat: 53.6330892, lng: 23.4928235 }, //白俄羅斯
  102. ];
  103. }
  104. if (saStyleJson.length === 0) {
  105. saStyleJson = [
  106. {
  107. "featureType": "land",
  108. "elementType": "all",
  109. "stylers": { "color": "#f7f7f7", "visibility": "on" }
  110. },
  111. {
  112. "featureType": "water",
  113. "elementType": "all",
  114. "stylers": { "color": "#e4e4e4", "visibility": "on" }
  115. },
  116. {
  117. "featureType": "road",
  118. "elementType": "all",
  119. "stylers": { "color": "#f7f7f7", "visibility": "off" }
  120. },
  121. {
  122. "featureType": "boundary",
  123. "elementType": "all",
  124. "stylers": { "color": "#d6d6d6" }
  125. },
  126. {
  127. "featureType": "label",
  128. "elementType": "labels.icon",
  129. "stylers": { "color": "#4c4c4c", "weight": "0.1" }
  130. },
  131. {
  132. "featureType": "local",
  133. "elementType": "geometry",
  134. "stylers": { "color": "#4c4c4c", "weight": "0.1" }
  135. }
  136. ];
  137. }
  138. map.centerAndZoom(centerPoint, mapZoom);
  139. map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
  140. map.enableDoubleClickZoom(true);
  141. //添加多个点
  142. for (var i = 0; i < saPoints.length; i++) {
  143. var item = saPoints[i];
  144. var p = new BMap.Point(item.lng, item.lat);
  145. pointArray[i] = p;
  146. //自定义点图标
  147. var iconUrl = sIconUrl;
  148. var myIcon = new BMap.Icon(iconUrl, new BMap.Size(10, 35));
  149. var marker = new BMap.Marker(p, { icon: myIcon });
  150. map.addOverlay(marker);
  151. }
  152. map.setMapStyle({ styleJson: saStyleJson });
  153. }
  154. else {
  155. if (saPoints.length === 0) {
  156. saPoints = [
  157. { lat: 23.5948856, lng: 121.4214155 }, //台灣
  158. { lat: -6.3567715, lng: 145.9033085 }, //巴布亞
  159. { lat: -23.6993532, lng: 133.8713752 }, //澳大利亞
  160. { lat: 26.5604565, lng: 29.6630058 }, //埃及
  161. { lat: 9.5577684, lng: 7.9979073 },//奈及利亞
  162. { lat: 0.1953689, lng: 6.6126343 }, //聖多美普林西比
  163. { lat: -30.6532947, lng: 23.9345003 }, //南非
  164. { lat: -26.6682265, lng: 30.9023096 }, //史瓦濟蘭
  165. { lat: -35.425776, lng: -65.9767868 }, //阿根廷
  166. { lat: -8.5275228, lng: -55.8778956 }, //巴西
  167. { lat: -26.8561446, lng: -71.4021298 },//智利
  168. { lat: 4.1454439, lng: -73.5223993 }, //哥倫比亞
  169. { lat: -23.4611862, lng: -58.4817976 }, //巴拉圭
  170. { lat: -10.1091956, lng: -76.2822092 }, //秘魯
  171. { lat: 19.0426862, lng: -70.2479896 }, //多明尼加
  172. { lat: 57.8807689, lng: -101.6724135 }, //加拿大
  173. { lat: 15.8120328, lng: -90.2990771 }, //瓜地馬拉
  174. { lat: 15.0241668, lng: -87.0039418 }, //宏都拉斯
  175. { lat: 24.6901136, lng: -102.0043495 },//墨西哥
  176. { lat: 12.8889429, lng: -85.0106797 }, //尼加拉瓜
  177. { lat: 8.6024001, lng: -80.2711767 }, //巴拿馬
  178. { lat: 13.8973856, lng: -60.9842968 }, //聖露西亞
  179. { lat: 40.2909474, lng: -101.809408 }, //美國
  180. { lat: 41.6351161, lng: 21.711268 }, //馬其頓
  181. { lat: 39.862204, lng: -3.2344494 }, //西班牙
  182. { lat: 39.1082877, lng: 35.2500578 }, //土耳其
  183. { lat: 42.7024418, lng: 25.1189025 }, //保加利亞
  184. { lat: 43.9394954, lng: 17.6232668 }, //波士尼亞
  185. { lat: 41.1857216, lng: 19.9760582 }, //阿爾巴尼亞
  186. { lat: 49.8766304, lng: 15.1698544 }, //捷克
  187. { lat: 53.2569956, lng: 18.6683763 }, //波蘭
  188. { lat: 47.2047105, lng: 19.5553868 }, //匈牙利
  189. { lat: 62.5290963, lng: 93.8171104 }, //俄羅斯
  190. { lat: 63.0502944, lng: 16.6267692 }, //瑞典
  191. { lat: 57.126913, lng: 26.0037774 }, //拉脫維亞
  192. { lat: 48.8459645, lng: 19.4424029 }, //斯洛伐克
  193. { lat: 51.1676818, lng: 10.4332196 }, //德國
  194. { lat: 46.8463948, lng: 2.4559869 }, //法國
  195. { lat: 55.3430558, lng: -3.3820532 }, //英國
  196. { lat: 43.3089667, lng: 12.3977752 }, //義大利
  197. { lat: 52.2590496, lng: 5.6466364 }, //荷蘭
  198. { lat: 36.086822, lng: 103.4147709 }, //中國
  199. { lat: 36.7191386, lng: 127.858362 }, //韓國
  200. { lat: 37.0092457, lng: 139.8812684, }, //日本
  201. { lat: 4.5928227, lng: 114.6181193 }, //汶萊
  202. { lat: -3.2025712, lng: 121.9791652 }, //印尼
  203. { lat: 4.1650768, lng: 102.0246564 }, //馬來西亞
  204. { lat: 21.778682, lng: 96.5156388 }, //緬甸
  205. { lat: 13.5488787, lng: 122.8379407 }, //菲律賓
  206. { lat: 1.3593895, lng: 103.8616207 }, //新加坡
  207. { lat: 15.5393972, lng: 100.9749041 }, //泰國
  208. { lat: 15.268843, lng: 107.3972625 }, //越南
  209. { lat: 23.6876726, lng: 79.4363431 }, //印度
  210. { lat: 26.0593531, lng: 50.5436515 }, //巴林
  211. { lat: 24.0776844, lng: 45.2586931 }, //沙烏地阿拉伯
  212. { lat: 25.1583957, lng: 55.11235 }, //杜拜
  213. { lat: 24.4631591, lng: 54.3505263 }, //阿布達比
  214. { lat: 31.2373157, lng: 34.6096371 }, //以色列
  215. { lat: 55.153022, lng: 21.6525519 }, //立陶宛
  216. { lat: 53.1839289, lng: 28.0128641 }, //白俄羅斯
  217. ];
  218. }
  219. if (saStyleJson.length === 0) {
  220. saStyleJson = [{ "featureType": "all", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{ "color": "#444444" }, { "visibility": "on" }] }, { "featureType": "administrative.province", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative.country", "elementType": "geometry", "stylers": [{ "visibility": "on" }, { "color": "#ffffff" }] }, { "featureType": "administrative.province", "elementType": "geometry", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "administrative.province", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "landscape", "elementType": "all", "stylers": [{ "color": "#f7f7f7" }, { "visibility": "on" }] }, { "featureType": "poi", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "all", "stylers": [{ "saturation": -100 }, { "lightness": 45 }, { "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "visibility": "off" }, { "color": "#b5a265" }] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit.line", "elementType": "geometry", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit.station.rail", "elementType": "geometry", "stylers": [{ "visibility": "off" }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#e4e4e4" }, { "visibility": "on" }] }, { "featureType": "water", "elementType": "labels.text", "stylers": [{ "color": "#444444" }] }, { "featureType": "water", "elementType": "labels.text.stroke", "stylers": [{ "color": "#e4e4e4" }, { "visibility": "on" }] }];
  221. }
  222. map = new google.maps.Map(document.getElementById('map'), {
  223. center: !mapInfo.Description ? { lat: 37.6860867, lng: 6.0952041 } : oCenterPoint, // 地中海
  224. scrollwheel: false,
  225. zoom: 2,
  226. styles: saStyleJson
  227. });
  228. var markers = saPoints.map(function (location, i) {
  229. var marker = new google.maps.Marker({
  230. map: map,
  231. position: location,
  232. icon: sIconUrl
  233. });
  234. google.maps.event.addListener(marker, 'dblclick', function () {
  235. map.setZoom(map.getZoom() + 1);
  236. });
  237. return marker;
  238. });
  239. }
  240. }
  241. }, 'ServiceBase', sLang);
  242. },
  243. init = function () {
  244. var myHelpers = {
  245. setFilePath: function (val) {
  246. val = val || '';
  247. return gServerUrl + '/' + val.replace(/\\/g, "\/");
  248. },
  249. setFileName: function (val) {
  250. return val.split('.')[0] || '';
  251. }
  252. };
  253. $.views.helpers(myHelpers);
  254. $('#left ul li').on('click', function (e) {
  255. e.preventDefault();
  256. var index = $(this).index(),
  257. sName_EN = '',
  258. sName = '';
  259. $('#left>ul a').each(function () {
  260. $(this).css('color', '#666');
  261. });
  262. switch (index) {
  263. case 0:
  264. sName_EN = 'ABOUT US';
  265. sName = { 'zh-TW': '公司沿革', 'zh': '公司沿革', 'en': 'Company Introduction' }[sLang];
  266. runByOrgInfo(fnSetIntroduction, true);
  267. break
  268. case 1:
  269. sName_EN = 'MISSION & VISION';
  270. sName = { 'zh-TW': '使命與願景', 'zh': '使命与愿景', 'en': 'Mission and Vision' }[sLang];
  271. runByOrgInfo(fnSetMissionAndVision, true);
  272. break
  273. case 2:
  274. sName_EN = 'SERVICE AREA';
  275. sName = { 'zh-TW': '全球服務據點', 'zh': '全球服务据点', 'en': 'Service Area' }[sLang];
  276. fnSetMap();
  277. break
  278. }
  279. $(this).find('a').css('color', '#EC681E');
  280. $('#TitleEName').html(sName_EN);
  281. $('#TitleName').html(sName);
  282. });
  283. if (sTab) {
  284. $('#left ul li a[href="about.html?T=' + sTab + '"]').css('color', '#EC681E');
  285. $('#left ul li').eq(sTab * 1 - 1).trigger('click');
  286. }
  287. else {
  288. $('#left ul li a:first').css('color', '#EC681E');
  289. $('#left ul li:first').trigger('click');
  290. }
  291. };
  292. init();
  293. });