Thread Radio Button (18 answers)
Opened by JuHa at 2014-05-22 08:34

JuHa
 2014-05-23 13:59
#175675 #175675
User since
2014-04-11
31 Artikel
BenutzerIn
[default_avatar]
Erst mal vielen Dank für eure Hilfe!

Habe eine andere Lösung dazu grob mitgeteilt bekommen und habe dies versucht zu realisieren. Code ist noch kürzer
Hier mein Lösungsansatz:
Code: (dl )
1
2
3
<label class="radio">
<input class="bild-switch_1a" type="radio" name="bilder" value="Bild1" data-image="Bild1.png" onchange="RadioButton('Bild1.png', [733, 152])" checked/>Bild 1
</label>...

JS:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function RadioButton(url, size){
newL = new ol.layer.Image({
source: new ol.source.ImageStatic({
url: url,
imageSize: size,
projection: proj,
imageExtent: proj.getExtent()
})
});
map.removeLayer(layer);
var allLayers = map.getLayers().getArray()[0];
map.removeLayer(allLayers);

for(var i = 0; i<icons.length; i++){
map.removeLayer(icons[i]);
}
map.addLayer(newL);
map.updateSize();
};


Es klappt! ;-) Was hält ihr zu dieser Lösung? Ich muss dann nur bei html einmal ein Bild einfügen oder die Größe, sowie url ändern.
Last edited: 2014-05-23 14:00:56 +0200 (CEST)

View full thread Radio Button