2017-06-16 11 views
1

リーフレットコントロールセレクターの位置を変更する方法のヒントを教えてもらえますか?セレクタhere /////////////////////リーフレットコントロールセレクターの位置を変更する

//create Leaflet control for selector 
var selector = L.control({ 
    position: 'topright' 
}); 

//create select element (with id, so it can be populated later) 
selector.onAdd = function (map) { 
    var div = L.DomUtil.create('div', 'select'); 
    div.innerHTML = '<select id="sta_select"><option>(select station)</option></select>'; 
    return div; 
}; 
selector.addTo(map); 

function populateSelect(targetLayer, property, select_id) { 
    for (var i in targetLayer._layers) { 
     var optionElement = document.createElement("option"); 
     optionElement.innerHTML = targetLayer._layers[i].feature.properties[property]; 
     //store layer index in option element's value at. 

答えて

1

で利用可能で、ここでは、次のとおり

http://jsfiddle.net/avn0ph1p/9/

コード追加されたもの:

$("#sta_select").appendTo("body"); // change parrent from "map" div to body 
$("#sta_select").css("position","absolute"); 
$("#sta_select").css("right","10px"); 
$("#sta_select").css("top","10px"); 
関連する問題