全站通知:
用户:123855714/LOLMap.js
刷
历
编
跳到导航
跳到搜索
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
$("#map").prop("outerHTML",`
<div class="map-wrap">
<div id="map" style="height:100%"></div>
<div id="mapSelectBox" class="select-active toggle-active">
<h2>英雄联盟宇宙</h2>
<div class="mapShrink">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true" style="top: 17px;left: 5px;"></span>
</div>
<div style="text-align:center">
<button type="button" class="allShow btn btn-default" title="显示/隐藏全部图标">
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 全部显示
</button>
<button type="button" class="toggle-type btn btn-default" title="切换操作方式,以进行增加、删除以及浏览标记">
<span class="glyphicon glyphicon-transfer" aria-hidden="true"></span> 切换操作
</button>
<button type="button" class="toggle-json btn btn-default" title="导出标记JSON数据">
<span class="glyphicon glyphicon-share" aria-hidden="true"></span> 导出JSON
</button>
<button type="button" class="toggle-screen btn btn-default" title="切换到全屏显示,Esc键退出全屏">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> 全屏
</button>
</div>
<div class="markerList">
<div class="orderItem">
<table class="table mw-collapsible uncollapsed mw-made-collapsible">
<thead>
<tr>
<th style="width:100%">国家</th>
<th><button type="button" class="btn btn-default btn-xs" order="0" style="margin-right:10px;">全部显示</button></th>
<th>
<span class="mw-collapsible-toggle mw-collapsible-toggle-default" role="button" style="white-space: nowrap;"><a class="mw-collapsible-text">折叠</a></span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan=3><div class="items-wrap"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="orderItem">
<table class="table mw-collapsible uncollapsed mw-made-collapsible">
<thead>
<tr>
<th style="width:100%">城市</th>
<th><button type="button" class="btn btn-default btn-xs" order="1" style="margin-right:10px;">全部显示</button></th>
<th>
<span class="mw-collapsible-toggle mw-collapsible-toggle-default" role="button" style="white-space: nowrap;"><a class="mw-collapsible-text">折叠</a></span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan=3><div class="items-wrap"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="orderItem">
<table class="table mw-collapsible uncollapsed mw-made-collapsible">
<thead>
<tr>
<th style="width:100%">小区</th>
<th><button type="button" class="btn btn-default btn-xs" order="2" style="margin-right:10px;">全部显示</button></th>
<th>
<span class="mw-collapsible-toggle mw-collapsible-toggle-default" role="button" style="white-space: nowrap;"><a class="mw-collapsible-text">折叠</a></span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan=3><div class="items-wrap"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>`);
$(`<style tyle="text/css">
.map-wrap {width:100%;height:80vh;position:relative;overflow:hidden}
.map-wrap .anchorBL,.map-wrap .BMap_cpyCtrl {display:none}
.map-wrap #mapSelectBox {width:400px;max-width:85vw;height:100%;position:absolute;left:-400px;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px rgba(0,0,0,.5);box-sizing:border-box;display:flex;flex-direction:column;transition:all .5s;background:#f3f1ec}
.map-wrap #mapSelectBox .mapShrink {width:25px;height:50px;position:absolute;right:-25px;top:0;cursor:pointer;background-color:#f3f1ec;border-radius:0 20px 20px 0;box-shadow:8px 2px 8px -4px rgba(0,0,0,.5);}
.map-wrap #mapSelectBox .markerList {flex:1;overflow-x:hidden;overflow-y:auto;margin:8px auto;width:95%}
.map-wrap #mapSelectBox .markerList .orderItem {border-bottom:1px solid #696865;margin-bottom:15px}
.map-wrap #mapSelectBox .markerList .orderItem .items-wrap {display:flex;flex-flow:row wrap;align-content:flex-start}
.map-wrap #mapSelectBox .markerList .orderItem .items-wrap a {display:flex;height:40px;flex:0 0 50%;font-size:16px;color:#88847f;cursor:pointer}
.map-wrap #mapSelectBox .markerList .orderItem .items-wrap a.item-active {color:#222;font-weight:700}
.map-wrap #mapSelectBox .markerList .orderItem .items-wrap a div {flex:1;display:flex;justify-content:space-between;align-items:center;padding:10px}
.map-wrap #mapSelectBox .markerList .orderItem .items-wrap a div .catTit {display:flex}
.map-wrap #mapSelectBox .markerList .orderItem .items-wrap a div .catTit .list-img {width:24px}
.map-wrap #mapSelectBox .markerList .orderItem .items-wrap a div .catNum {position:relative;top:-4px}
.map-wrap #mapSelectBox.toggle-active {transform:translate(100%,-50%)}
</style>`).prependTo($("head"));
window.HOST_TYPE = "2"; window.BMap_loadScriptTime = (new Date).getTime();
const ossVersion = '1.0.0.0';
window.imgossVersion = '1.0.0';
window.orderData = [
{
name: '艾欧尼亚',
count: 0,
order: 0,
markType: 1,
icon: '艾欧尼亚.png',
},
{
name: '比尔吉沃特',
count: 0,
order: 0,
markType: 2,
icon: '比尔吉沃特.png',
},
{
name: '祖安',
count: 0,
order: 0,
markType: 3,
icon: '祖安.png',
},
{
name: '诺克萨斯',
count: 0,
order: 0,
markType: 4,
icon: '诺克萨斯.png',
},
{
name: '德玛西亚',
count: 0,
order: 0,
markType: 5,
icon: '德玛西亚.png',
},
{
name: '皮尔特沃夫',
count: 0,
order: 0,
markType: 6,
icon: '皮尔特沃夫.png',
},
{
name: '弗雷尔卓德',
count: 0,
order: 0,
markType: 7,
icon: '弗雷尔卓德.png',
},
{
name: '巨神峰',
count: 0,
order: 0,
markType: 8,
icon: '巨神峰.png',
},
{
name: '暗影岛',
count: 0,
order: 0,
markType: 9,
icon: '暗影岛.png',
},
{
name: '恕瑞玛',
count: 0,
order: 0,
markType: 10,
icon: '恕瑞玛.png',
},
{
name: '以绪塔尔',
count: 0,
order: 0,
markType: 11,
icon: '以绪塔尔.png',
},
{
name: '霜卫要塞',
count: 0,
order: 1,
markType: 12,
icon: 'capital.png',
},
{
name: '不朽堡垒',
count: 0,
order: 1,
markType: 13,
icon: 'capital.png',
},
{
name: '德玛西亚雄都',
count: 0,
order: 1,
markType: 14,
icon: 'capital.png',
},
{
name: '纳沃利的普雷西典',
count: 0,
order: 1,
markType: 15,
icon: 'capital.png',
},
{
name: '以绪奥肯',
count: 0,
order: 1,
markType: 16,
icon: 'capital.png',
},
{
name: '太阳圆盘',
count: 0,
order: 1,
markType: 17,
icon: 'capital.png',
},
{
name: '虚空',
count: 0,
order: 1,
markType: 18,
icon: 'capital.png',
},
{
name: '艾卡西亚',
count: 0,
order: 1,
markType: 19,
icon: 'capital.png',
}
];
window.mapData = [{
"id": "aony",
"point": {
"lng": 39.167845,
"lat": 14.832599
},
"markType": 1,
"title": "艾欧尼亚",
"content": "初生之土,艾欧尼亚。这片岛屿大陆上充盈着自然之美和原生魔法。居民散布于各个行省,崇尚灵性,追求和谐的存世之道。艾欧尼亚悠久的中立姿态随着诺克萨斯的入侵而被打破——野蛮的侵占迫使艾欧尼亚重新审视自己在这个世界上的位置,未来的道路也变得扑朔迷离。",
"imageLink": "艾欧尼亚.png",
"link": "艾欧尼亚"
}, {
"id": "1hrz2b27ny1",
"point": {
"lng": -25.020324,
"lat": 14.850496
},
"markType": 7,
"title": "弗雷尔卓德",
"content": "弗雷尔卓德是一片环境恶劣、严酷无情的土地。半神行经大地,人人生来就是战士。虽然弗雷尔卓德境内存在着许多不同的部族,但最大的三个阵营分别是阿瓦罗萨人、凛冬之爪和冰霜守卫。不同的生存之道也让它们彼此各异。同时,这里也是符文之地唯一能够找到臻冰的地方。",
"imageLink": "弗雷尔卓德.png",
"link": "弗雷尔卓德"
}, {
"id": "2i3ywwl9gfu",
"point": {
"lng": 0.147178,
"lat": 9.202453
},
"markType": 4,
"title": "诺克萨斯",
"content": "虽然诺克萨斯帝国残忍野蛮,崇尚扩张,但对于看透它好战外表的人来说,这里的社会氛围实际上异乎寻常地包容。只要能够展现出必要的能力,任何人都可能赢得权力和尊重,无论社会立场、身世背景、个人财富如何。诺克萨斯人尊崇力量高于一切,而且当然,力量的展现形式不止一种。",
"imageLink": "诺克萨斯.png",
"link": "诺克萨斯"
}, {
"id": "171ln7x7xk9",
"point": {
"lng": -31.348994,
"lat": 1.537195
},
"markType": 5,
"title": "德玛西亚",
"content": "德玛西亚是一个实力雄厚、奉公守法的国家,有着功勋卓著的光荣军史。最初由一群符文战争的难民所建立。有些人认为,德玛西亚的黄金时代已经过去,除非它能够适应新时代的变化。作为自给自足的农耕社会,人们生来保守排外,将公正、荣誉和责任看作至高无上的准则。",
"imageLink": "德玛西亚.png",
"link": "德玛西亚"
}, {
"id": "2dkwvtm531i",
"point": {
"lng": 14.717837,
"lat": -9.531356
},
"markType": 6,
"title": "皮尔特沃夫",
"content": "皮尔特沃夫临海而建,是一座繁荣、进步的城市。船舶穿梭经过巨大的海闸,带来了世界各地的货物。商会家族投入巨额的资金资助各种项目,包括庸俗的艺术和标榜个人权势的建筑。当越来越多的发明家着手海克斯科技的研发,皮尔特沃夫成了符文之地上最高超的手艺人们无不向往的聚集地。",
"imageLink": "皮尔特沃夫.png",
"link": "皮尔特沃夫"
}, {
"id": "1xc1cabw3qh",
"point": {
"lng": 15.012194,
"lat": -14.599805
},
"markType": 3,
"title": "祖安",
"content": "祖安是一座饱受污染的地下城,位于皮尔特沃夫下方。两座城市曾经不分你我,但是毫无节制的工业活动让城中的大小沟壑变成了剧毒的河流。即便如此,多亏了兴旺的黑市、炼金科技和机械增强技术,人们依然能够欣欣向荣地生活。",
"imageLink": "祖安.png",
"link": "祖安"
}, {
"id": "2htc33fw85k",
"point": {
"lng": 41.062767,
"lat": -15.885887
},
"markType": 2,
"title": "比尔吉沃特",
"content": "蓝焰群岛附近的天然港湾。港湾附近杂乱无章的定居点组成了比尔吉沃特——一座不法之徒的世外天堂。",
"imageLink": "比尔吉沃特.png",
"link": "比尔吉沃特"
}, {
"id": "1dn3gyydn8t",
"point": {
"lng": 53.42575,
"lat": -29.370411
},
"markType": 9,
"title": "暗影岛",
"content": "暗影岛曾经是一片美丽的福地,但在很久之前便毁于一场魔法灾害。现在,黑雾永恒笼罩着这座岛屿,邪术已经污染腐化了一切。那些在黑雾中殒命的灵魂会受到诅咒,永远地成为了黑雾的一部分……更可怕的是,黑雾每一年都在扩张,意欲在符文之地吞噬更多的灵魂。",
"imageLink": "暗影岛.png",
"link": "暗影岛"
}, {
"id": "2abxrwyiwew",
"point": {
"lng": 21.340864,
"lat": -27.286811
},
"markType": 11,
"title": "以绪塔尔",
"content": "于丛林中隔绝世界千年,以绪奥肯的精巧城市几乎没有受到外界的任何影响。以绪塔利们从远方见证了福光岛的破败以及随后发生的符文战争,从此便将符文之地的其他族群视为暴发户和觊觎者,决心用自己强大的魔法将他们拒之门外",
"imageLink": "以绪塔尔.png",
"link": "以绪塔尔"
}, {
"id": "2j6ym7h7zts",
"point": {
"lng": 5.298421,
"lat": -28.333772
},
"markType": 10,
"title": "恕瑞玛",
"content": "恕瑞玛曾是一个繁荣昌盛的文明,疆域遍及南部大陆,却因为神皇驾崩而化成废墟。几千年过去,曾经的荣光已经成为了神话和信仰。现在,游牧部落在沙漠中竭力生存,或是成了任人指使的佣兵。不过,依然有人梦想着能重新再现昔日的盛景。",
"imageLink": "恕瑞玛.png",
"link": "恕瑞玛"
}, {
"id": "1al7kxqd3y6",
"point": {
"lng": -17.21987,
"lat": -28.463921
},
"markType": 8,
"title": "巨神峰",
"content": "巨神峰位于恕瑞玛西部人烟稀少的山区,是符文之地的世界之巅。这里远离文明,高不可攀,只有意志最坚定的朝圣者,为了满足灵魂最深处的渴望,才有可能登顶。极少数幸存下来的人,要么变得失魂落魄、精神呆滞;要么变成超越一切认知的存在。",
"imageLink": "巨神峰.png",
"link": "巨神峰"
}, {
"id": "2b4anfn1s84",
"point": {
"lng": -33.48308,
"lat": 1.944502
},
"markType": 14,
"title": "",
"content": "",
"imageLink": "",
"link": ""
}, {
"id": "2fcpupgsm9j",
"point": {
"lng": 0.294357,
"lat": 8.213926
},
"markType": 13,
"title": "",
"content": "",
"imageLink": "",
"link": ""
}, {
"id": "18wy81hpsqk",
"point": {
"lng": 34.182178,
"lat": 17.287474
},
"markType": 15,
"title": "",
"content": "",
"imageLink": "",
"link": ""
}, {
"id": "1du6ovc4hti",
"point": {
"lng": 24.210843,
"lat": -27.089377
},
"markType": 16,
"title": "",
"content": "",
"imageLink": "",
"link": ""
}, {
"id": "1iuyrmx1jyp",
"point": {
"lng": -16.557567,
"lat": 27.467481
},
"markType": 12,
"title": "霜卫要塞",
"content": "",
"imageLink": "",
"link": ""
}];
!function(e) {
var t = {};
function n(i) {
if (t[i]) return t[i].exports;
var a = t[i] = {
i: i,
l: !1,
exports: {}
};
return e[i].call(a.exports, a, a.exports, n), a.l = !0, a.exports
}
n.m = e, n.c = t, n.d = function(e, t, i) {
n.o(e, t) || Object.defineProperty(e, t, {
enumerable: !0,
get: i
})
}, n.r = function(e) {
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
value: "Module"
}), Object.defineProperty(e, "__esModule", {
value: !0
})
}, n.t = function(e, t) {
if (1 & t && (e = n(e)), 8 & t) return e;
if (4 & t && "object" == typeof e && e && e.__esModule) return e;
var i = Object.create(null);
if (n.r(i), Object.defineProperty(i, "default", {
enumerable: !0,
value: e
}), 2 & t && "string" != typeof e)
for (var a in e) n.d(i, a, function(t) {
return e[t]
}.bind(null, a));
return i
}, n.n = function(e) {
var t = e && e.__esModule ? function() {
return e.default
} : function() {
return e
};
return n.d(t, "a", t), t
}, n.o = function(e, t) {
return Object.prototype.hasOwnProperty.call(e, t)
}, n.p = "", n(n.s = 20)
}({
0: function(e, t, n) {
"use strict";
function i() {
for (var e = navigator.userAgent, t = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPod"], n = 0; n < t.length; n++)
if (e.indexOf(t[n]) > 0) {
!0;
break
}
var i = window.screen.width,
a = window.screen.height;
return i < 500 && a < 900
}
function a(e) {
var t = "";
if (document.cookie && "" != document.cookie)
for (var n = document.cookie.split(";"), i = 0; i < n.length; i++) {
var a = n[i];
if (a.substring(0, e.length + 2).trim() == e.trim() + "=") {
t = a.substring(e.length + 2, a.length);
break
}
}
return t
}
function r() {
var e, t = null === (e = document.getElementsByTagName("meta").gameId) || void 0 === e ? void 0 : e.content;
return -1 === decodeURIComponent(window.location.href).indexOf("/wiki/首页") && t ? "&nextLink=".concat(encodeURIComponent(window.location.href).split("?")[0]) : ""
}
n.d(t, "d", (function() {
return i
})), n.d(t, "c", (function() {
return a
})), n.d(t, "b", (function() {
return r
})), n.d(t, "a", (function() {
return o
}));
var o = function(e, t) {
if ("undefined" != typeof window) {
var n = window.reportConfig && window.reportConfig.msgObjects || null;
if (!e || "string" != typeof e) throw new Error("The report field cannot be empty.");
if (!n || !window[n]) throw new Error("Please set: window.reportConfig.");
window[n][e] = t || ""
}
}
},
1: function(e, t, n) {
"use strict";
var i, a = function() {
return void 0 === i && (i = Boolean(window && document && document.all && !window.atob)), i
},
r = function() {
var e = {};
return function(t) {
if (void 0 === e[t]) {
var n = document.querySelector(t);
if (window.HTMLIFrameElement && n instanceof window.HTMLIFrameElement) try {
n = n.contentDocument.head
} catch (e) {
n = null
}
e[t] = n
}
return e[t]
}
}(),
o = [];
function c(e) {
for (var t = -1, n = 0; n < o.length; n++)
if (o[n].identifier === e) {
t = n;
break
}
return t
}
function s(e, t) {
for (var n = {}, i = [], a = 0; a < e.length; a++) {
var r = e[a],
s = t.base ? r[0] + t.base : r[0],
l = n[s] || 0,
d = "".concat(s, " ").concat(l);
n[s] = l + 1;
var p = c(d),
u = {
css: r[1],
media: r[2],
sourceMap: r[3]
}; - 1 !== p ? (o[p].references++, o[p].updater(u)) : o.push({
identifier: d,
updater: g(u, t),
references: 1
}), i.push(d)
}
return i
}
function l(e) {
var t = document.createElement("style"),
i = e.attributes || {};
if (void 0 === i.nonce) {
var a = n.nc;
a && (i.nonce = a)
}
if (Object.keys(i).forEach((function(e) {
t.setAttribute(e, i[e])
})), "function" == typeof e.insert) e.insert(t);
else {
var o = r(e.insert || "head");
if (!o) throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
o.appendChild(t)
}
return t
}
var d, p = (d = [], function(e, t) {
return d[e] = t, d.filter(Boolean).join("\n")
});
function u(e, t, n, i) {
var a = n ? "" : i.media ? "@media ".concat(i.media, " {").concat(i.css, "}") : i.css;
if (e.styleSheet) e.styleSheet.cssText = p(t, a);
else {
var r = document.createTextNode(a),
o = e.childNodes;
o[t] && e.removeChild(o[t]), o.length ? e.insertBefore(r, o[t]) : e.appendChild(r)
}
}
function m(e, t, n) {
var i = n.css,
a = n.media,
r = n.sourceMap;
if (a ? e.setAttribute("media", a) : e.removeAttribute("media"), r && btoa && (i += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r)))), " */")), e.styleSheet) e.styleSheet.cssText = i;
else {
for (; e.firstChild;) e.removeChild(e.firstChild);
e.appendChild(document.createTextNode(i))
}
}
var f = null,
v = 0;
function g(e, t) {
var n, i, a;
if (t.singleton) {
var r = v++;
n = f || (f = l(t)), i = u.bind(null, n, r, !1), a = u.bind(null, n, r, !0)
} else n = l(t), i = m.bind(null, n, t), a = function() {
! function(e) {
if (null === e.parentNode) return !1;
e.parentNode.removeChild(e)
}(n)
};
return i(e),
function(t) {
if (t) {
if (t.css === e.css && t.media === e.media && t.sourceMap === e.sourceMap) return;
i(e = t)
} else a()
}
}
e.exports = function(e, t) {
(t = t || {}).singleton || "boolean" == typeof t.singleton || (t.singleton = a());
var n = s(e = e || [], t);
return function(e) {
if (e = e || [], "[object Array]" === Object.prototype.toString.call(e)) {
for (var i = 0; i < n.length; i++) {
var a = c(n[i]);
o[a].references--
}
for (var r = s(e, t), l = 0; l < n.length; l++) {
var d = c(n[l]);
0 === o[d].references && (o[d].updater(), o.splice(d, 1))
}
n = r
}
}
}
},
17: function(e, t, n) {
var i = n(1),
a = n(18);
"string" == typeof(a = a.__esModule ? a.default : a) && (a = [
[e.i, a, ""]
]);
var r = {
insert: "head",
singleton: !1
};
i(a, r);
e.exports = a.locals || {}
},
18: function(e, t, n) {},
20: function(e, t, n) {
"use strict";
n.r(t);
n(17);
var i = n(0);
function a() {
if (document.getElementById("map")) {
var e = function(e, t, n) {
n.id ? this._id = n.id : this._id = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36), this._center = e, this._length = t, this._params = n
},
t = function(e) {
for (var t = 0; t < u.getOverlays().length; t++) u.getOverlays()[t]._params && u.getOverlays()[t][e]()
},
n = function(e, t) {
for (var n = 0; n < u.getOverlays().length; n++) u.getOverlays()[n]._params && e.includes(u.getOverlays()[n]._params.markType) && u.getOverlays()[n][t]()
};
window.count = 0;
var a = window.imgossVersion || (new Date).getTime(),
r = "https://aspd199.gitee.io/lol",
o = "",
c = {},
s = window.mapData || [];
window.markType = 0;
var l = window.orderData || [],
d = new BMap.TileLayer;
d.getTilesUrl = function(e, t) {
var x = e.x;
var y = e.y;
return `${r}/tiles/${t}/tile-${x}_${y}.png?${a}`
};
var p = new BMap.MapType("LOLMap", d, {
minZoom: 4,
maxZoom: 7
}),
u = new BMap.Map("map", {
mapType: p
});
u.centerAndZoom(new BMap.Point(0, 0), 5);
var m = {
type: BMAP_NAVIGATION_CONTROL_ZOOM,
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
offset: new BMap.Size(40, 40)
};
u.addControl(new BMap.NavigationControl(m)), Object(i.d)() && (u.addEventListener("touchmove", (function(e) {
u.enableDragging()
})), u.addEventListener("touchend", (function(e) {
u.disableDragging()
})), u.disableDragging()), u.enableScrollWheelZoom(), u.addEventListener("click", (function(t) {
if ("add" === window.toggleType) {
var n = {
point: t.point,
markType: window.markType,
title: window.title || "",
content: "",
link: window.title || "",
imageLink: ""
};
o = document.createDocumentFragment();
var i = new e(t.point, 64, n);
u.addOverlay(i), u.getPanes().markerPane.appendChild(o)
}
})), (e.prototype = new BMap.Overlay).initialize = function(e) {
var t = this,
n = this;
this._map = e;
var i = document.createElement("img");
var s = document.createElement("span");
s.innerHTML=`<span style="color:#efe5d1;font-weight: bold;white-space: nowrap;">${n._params.title}</span>`;
s.prepend(i);
return s.style.textAlign = "center", s.style.position = "absolute", i.style.width = this._length + "px", i.style.height = this._length + "px",i.title = n._params.title, i.src = "".concat(r, "/icons/").concat(l.filter((function(e) {
return e.markType === t._params.markType
}))[0].icon, "?v=").concat(a), i.onmouseover=function(){
if(t._length==48){
i.src = "".concat(r, "/icons/capital-hover.png?v=").concat(a);
}
},i.onmouseout=function(){
if(t._length==48){
i.src = "".concat(r, "/icons/").concat(l.filter((function(e) {
return e.markType === t._params.markType
}))[0].icon, "?v=").concat(a);
}
},i.onclick = function() {
switch (window.toggleType) {
case "delete":
for (var t = 0; t < e.getOverlays().length; t++)
if (e.getOverlays()[t]._id == n._id) return e.removeOverlay(e.getOverlays()[t]), !1;
break;
default:
var i = {
width: 250,
title: `<h3>${n._params.title}</h3>`
},
a = n._params.imageLink && "" !== n._params.imageLink ? `<img style="float:left;width:30px;" src="..${mw.config.values.wgScriptPath}/Special:Redirect/file/${n._params.imageLink}" alt=""/>` : "",
r = n._params.link && "" !== n._params.link ? `<a target="_blank" href="${n._params.link}" class="btn btn-default btn-xs" style="float:right"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查看详情</a>` : "",
o = `<div style="padding-bottom:10px;">${n._params.content}</div><div>${a}${r}</div>`,
c = new BMap.InfoWindow(o, i);
e.openInfoWindow(c, new BMap.Point(n._center.lng, n._center.lat))
}
}, o.append(s), this._mark = s, i
}, e.prototype.show = function() {
this._mark && (this._mark.style.display = "")
}, e.prototype.hide = function() {
this._mark && (this._mark.style.display = "none")
}, e.prototype.draw = function() {
var e = this._map.pointToOverlayPixel(this._center);
this._mark.style.left = e.x - this._length / 2 + "px", this._mark.style.top = e.y - this._length + "px"
}, $(".toggle-type").click((function() {
if("add" === window.toggleType){
window.toggleType = "delete";
$(this).html(`<span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span> 删除标记`);
}else if("delete" === window.toggleType){
window.toggleType = "get";
$(this).html(`<span class="glyphicon glyphicon-import" aria-hidden="true"></span> 获取信息`);
}else{
window.toggleType = "add";
$(this).html(`<span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> 添加标记`);
}
console.log(l.filter((function(e) {
return e.markType === window.markType
}))[0])
})), $(".toggle-json").click((function() {
! function(e, t) {
var n = [];
if (e) {
t || (t = "json.json");
for (var i = 0; i < e.length; i++) {
var a = e[i];
a._id && n.push({
id: a._id,
point: a._params.point,
markType: a._params.markType,
title: a._params.title,
content: a._params.content,
imageLink: a._params.imageLink || "",
link: a._params.link || ""
})
}
var r = new Blob([JSON.stringify(n)], {
type: "text/json"
}),
o = document.createEvent("MouseEvents"),
c = document.createElement("a");
c.download = t, c.href = window.URL.createObjectURL(r), c.dataset.downloadurl = ["text/json", c.download, c.href].join(":"), o.initMouseEvent("click", !0, !1, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), c.dispatchEvent(o)
} else alert("保存的数据为空")
}(u.getOverlays(), "标记数据.json")
})), $(".toggle-screen").on("click touchstart", (function() {
if(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement) {
if(document.exitFullscreen) {
document.exitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}else{
if($('.map-wrap')[0].requestFullscreen) {
$('.map-wrap')[0].requestFullscreen();
} else if($('.map-wrap')[0].mozRequestFullScreen) {
$('.map-wrap')[0].mozRequestFullScreen();
} else if($('.map-wrap')[0].webkitRequestFullscreen) {
$('.map-wrap')[0].webkitRequestFullscreen();
} else if($('.map-wrap')[0].msRequestFullscreen) {
$('.map-wrap')[0].msRequestFullscreen();
}
}
}));
s.map((function(e) {
c[e.markType] ? c[e.markType] += 1 : c[e.markType] = 1
})), l.map((function(e) {
e.count = c[e.markType]
})), o = document.createDocumentFragment(), s.forEach((function(t) {
for(var i in window.orderData){
if(window.orderData[i].markType==t.markType){
if(window.orderData[i].order==0){
u.addOverlay(new e(t.point, 80, t))
}else if(window.orderData[i].order==1){
u.addOverlay(new e(t.point, 48, t))
}else if(window.orderData[i].order==2){
u.addOverlay(new e(t.point, 32, t))
};
break;
}
}
})), u.getPanes().markerPane.appendChild(o), f = "", l.map((function(e) {
f = `
<a categoryid="${e.markType}" order="${e.order}" class="select-item">
<i style="background-position: -20px -940px;"></i>
<div>
<span class="catTit"><span><img class="list-img" src="${r}/icons/${e.icon}?${(window.ossVersion || "1.0.0")}"></span>${e.name}</span>
<span class="catNum">${e.count || 0}</span>
</div>
</a>`, $(".items-wrap").eq(e.order).append(f)
})), $(".items-wrap").on("click", ".select-item", (function() {
window.markType=parseInt($(this).attr("categoryid"));
for(var i in window.orderData){
if(window.orderData[i].markType==window.markType){
window.title =window.orderData[i].name;
}
}
$(this).hasClass("item-active") ? $(this).removeClass("item-active") : $(this).addClass("item-active"), $(this).parent().find(".item-active") && $(this).parent().parent().find("button[order]").removeClass("order-active").text("全部显示"), $(this).parent().find(".item-active").length === $(this).parent().find(".select-item").length && $(this).parent().parent().find("button[order]").addClass("order-active").text("全部隐藏"), n([parseInt($(this).attr("categoryid"))], $(this).hasClass("item-active") ? "show" : "hide")
})), $(".mapShrink").click((function() {
if($("#mapSelectBox").hasClass("toggle-active")) {
$("#mapSelectBox").removeClass("toggle-active");
$("#mapSelectBox .glyphicon-chevron-left").attr("class","glyphicon glyphicon-chevron-right");
}else{
$("#mapSelectBox").addClass("toggle-active");
$("#mapSelectBox .glyphicon-chevron-right").attr("class","glyphicon glyphicon-chevron-left");
}
})), $("button[order]").click((function() {
var e = parseInt($(this).attr("order"));
$(this).hasClass("order-active") ? ($(this).removeClass("order-active").text("全部显示"), $(this).parent().parent().find(".select-item").removeClass("item-active")) : ($(this).addClass("order-active").text("全部隐藏"), $(this).parent().parent().find(".select-item").addClass("item-active")), n(l.filter((function(t) {
return t.order === e
})).map((function(e) {
return e.markType
})), $(this).hasClass("order-active") ? "show" : "hide")
})), $(".allShow").click((function() {
if($(this).children().hasClass("glyphicon-eye-open")){
t("show");
$("button[order]").text("全部隐藏").addClass("order-active");
$(".select-item").addClass("item-active");
$(this).html(`<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> 全部隐藏`);
}else{
t("hide");
$("button[order]").text("全部显示").removeClass("order-active");
$(".select-item").removeClass("item-active");
$(this).html(`<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 全部显示`);
}
})), n([], "hide"), t("hide")
}
var f
}
null == window.BMap ? $.getScript("https://api.map.baidu.com/getscript?v=2.0&ak=dKEOymKMCozWCCig1ejCmVt54pFBfEnl&services=&t=20200327103013").then((function(e) {
a()
})) : a()
}
});