var map = new ALA.Map("twoStepMap", {
drawControl: false,
singleMarker: false,
useMyLocation: false,
allowSearchLocationByAddress: false,
allowSearchRegionByAddress: false,
draggableMarkers: false,
showReset: false,
});
var twoStep = {
id: "twoStepDemo",
title: "Select something",
firstStepPlaceholder: "Choose an option...",
secondStepPlaceholder: "Choose another option...",
firstStepItems: [{key: "1", value:"1"}, {key: "2", value: "2"}],
secondStepItemLookup: function (selectedKey, populateStep2Callback) {
var step2 = selectedKey == "1" ?
[{key: "1.1", value:"1.1"}, {key: "1.2", value: "1.2"}] :
[{key: "2.1", value:"2.1"}, {key: "2.2", value: "2.2"}]
populateStep2Callback(step2);
},
selectionAction: function (selectedValue) {
map.addMarker(-28, 134).bindPopup(selectedValue);
}
};
var selector = new L.Control.TwoStepSelector(twoStep);
map.addControl(selector);