Thread Bild Nullpunkt setzen (5 answers)
Opened by JuHa at 2014-06-02 10:19

JuHa
 2014-06-02 10:19
#175878 #175878
User since
2014-04-11
31 Artikel
BenutzerIn
[default_avatar]
Hallo,

bin seit langem auf der Suche nach der richtigen Koordinatenangabe. Und das Forum kann ich hier sehr gut empfehlen. Ich hatte einige Fehler an meinem Code nicht gesehen und habe hier soviele Tipps und Vorschläge erhalten. Finde ich echt toll ;-)

Im Anhang habe ich ein Beispielbild hochgeladen. Ich möchte in OL3 die follgenden extent richtig angeben.
HTML:
Code: (dl )
1
2
3
<label class="radio" for="bild-switch_2">
<input id="bild-switch_2" class="bild-switch_1a" type="radio" name="bilder" value="Bild2" onchange="checkedRadioBtn('Haus.png', [750, 547], [-20, -10, 55, 20])" />Haus
</label>


JS:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
function checkedRadioBtn(url, size, extProj){
var resultExt,  r2 = 0, ext = 1;
   
    if(extProj[0] < 0){
        ext = extProj[0] * (-1);
        //Dreisatz
        resultExt = (((extProj[2] + ext)*size[1])/size[0])+extProj[1];
    }else{
        resultExt = (((extProj[2] - extProj[0])*size[1]) / size[0])-extProj[1];
    }
    resultExt.toFixed(2);
 
    var newSizeProjection = new ol.proj.Projection({
        code: 'metrics',
        units: 'm',
        extent: [extProj[0], extProj[1], extProj[2], resultExt]  //Xmin, Ymin, Xmax, Ymax
    });
//remove
        map.removeLayer(baseLayer);
 
        //get layers and remove marker
        var allLayers = map.getLayers().getArray()[0];
        map.removeLayer(allLayers);
 
        for(var i = 0; i<icons.length; i++){
            map.removeLayer(icons[i]);  
        }
 
        var extent = newSizeProjection.getExtent();
        var center = ol.extent.getCenter(extent);
 
        var newV = new ol.View2D({
            projection: newSizeProjection,
            center: center,
            zoom: 2
        });
 
        map.updateSize();
        map.addLayer(newL);
        map.getView().getView2D().setProjection(newSizeProjection);
        map.getView().getView2D().setCenter(center);
        $("#extentResult").text('Extent: ' +newSizeProjection.getExtent()[0].toFixed(2)+", "+newSizeProjection.getExtent()[1].toFixed(2)+", "+newSizeProjection.getExtent()[2].toFixed(2)+", "+newSizeProjection.getExtent()[3].toFixed(2));


Code, wenn ich eine Stelle anklicke damit die Koordinaten angezeigt werden.
Code: (dl )
1
2
3
4
5
6
7
8
9
map.on('click', function(evt){
            var coordinate = evt.coordinate;
 
            $("#result").text('You clicked here: x:' + coordinate[0].toFixed(2) + " m - y:" + coordinate[1].toFixed(2) + " m");
           
            overlay.setPosition(coordinate);
            content.innerHTML = '<p>You clicked here:</p></br><code>x: ' +  coordinate[0].toFixed(2) + ' m </br> y: ' + coordinate[1].toFixed(2) + ' m</code>';
            container.style.display = 'block';
    });

Meine Frage wäre wie kann ich den Nullpunkt nicht links definieren sondern wie kann ich dies rechts definieren? Spricht die Meterangabe am Bild sind gespiegelt worden. Nullpunkt fängt nicht wie gewohnt von links an sondern laut Bild von rechts. Also links 55 und rechts -20. Wenn ich die jeweiligen extent Bereich ändere, dann werden auch die Koordinaten nicht richtig angezeigt.
Wenn ich am Bild rechts klicke soll P(-10/2) angezeigt werden und nicht P(52/2).
Hoffe ihr wisst was ich meine.

Ich bedanke mich für eure HIlfe!
Anhänge
image/png
750 x 547
haus.png

Last edited: 2014-06-02 11:46:26 +0200 (CEST)

View full thread Bild Nullpunkt setzen