我需要你的帮助,
我想要在 activeLayers = [bus,stops,slot1]
而不是 activeLayers = ["bus","stops","slot1"]
我怎样才能管理这个?换句话说,我想将字符串“转换”为它应该引用的对象。
遗憾的是它在这里不起作用,还有一些代码也许会有所帮助
window.onload = function () {
var validLayers = {
slot1 : new L.LayerGroup(),
places : new L.LayerGroup(),
stops : new L.LayerGroup()
};
var platz = L.MakiMarkers.icon({icon: "embassy", color: "#f00", size: "l"});
var extern = L.MakiMarkers.icon({icon: "college", color: "#FF9900", size: "l"});
// Wichtige Plätze
L.marker([49.99264845,8.24160625696918], {icon: platz}).bindPopup('Wiese vor dem ZDV').addTo(validLayers.places);
L.marker([49.99454,8.24384], {icon: platz}).bindPopup('Rote Infobox').addTo(validLayers.places);
L.marker([49.99182355,8.23384953468164],{icon:platz}).bindPopup('Zentralmensa').addTo(validLayers.places);
// Get url parameters
var params = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
params[key] = value;
});
if( params.layers) {
var activeLayers = (function(arr) {
var l = arr.length, i, ret = {};
for( i=0; i<l; i++) ret[i] = validLayers[arr[i]];
return ret;
})(params.layers.split(","));
}
// Create map
var map = new L.Map('map', {
center: [params.lat || 49.99238, params.lng || 8.23779],
minZoom: 12,
maxZoom: 18,
zoom: params.zoom || 15,
layers: activeLayers || [validLayers.places, validLayers.stops ,validLayers.slot1]
});
var baseLayers = {
};
var overlays = {
"Sonstiges": validLayers.places,
"Bus": validLayers.stops,
"Slot 1": validLayers.slot1,
"Slot 2": validLayers.slot2,
"Slot 3": validLayers.slot3,
"Slot 4": validLayers.slot4
};
L.control.layers(baseLayers, overlays).addTo(map);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
}
这是我用来显示网站的 URL
campusmap.html?lat=49.99684&lng=8.24811&zoom=18&layers=places,bus,slot1
最佳答案
如果我正确理解您的问题,您希望能够引用查询字符串中的某些变量吗?如果是这样,请考虑尝试以下方法:
var validLayers = {
slot1: new L.LayerGroup(),
places: new L.LayerGroup(),
stops: new L.LayerGroup()
};
// get url parameters
// ...
if( params.layers) {
var activeLayers = params.layers.split(",").map(function(key) {
return validLayers[key];
});
}
这里,validLayers
被用作白名单,因此只有您允许的内容才能被引用。
关于JavaScript : How to match string and var?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23492146/