Verwandte Themen

InfoGirl777
26.06.2019, 15:25
Mit Links
CSS / JavaScript: Hilfe bei Leaflet-Integration?

Hallo Leute,

ich brauche Hilfe bei dieser Arbeit.

1. Es sollen zwei Karten nebeneinander sein. Jedoch soll die rechte Karte eine Here-Map sein. Wie baue ich das in den Code ein (siehe unten)?

Sie müssen http://ivansanchez.gitlab.io/Leaflet.TileLayer.HERE/leaflet-tilelayer-here.js in einem <script>-Tag laden. Danach müsste es mit sowas hier gehen: 
L.tileLayer.here({
  appId: 'ViVS62MmsdTJSzwXMlHb',
  appCode: 'bsODmSCzkVqEMR8TnGPHdw'
}).addTo(map);
Statt addTo(map) kommt natürlich der Name Ihrer rechten Karte hin.
appId und appCode sind hier aus dem Beispiel von Ivan Sanchez http://ivansanchez.gitlab.io/Leaflet.TileLayer.HERE/demo.html

________________

2. Außerdem soll die zweite Karte sozusagen synchron/parallel mit der linken Karte verlaufen:

Sie müssen, wenn der Benutzer in der linken Karte zoomt oder sie verschiebt, die rechte Karte aktualisieren. Dazu müssen Sie eine Funktion schreiben, die aufgerufen wird, wenn auf der linken Karte das "zoomend" oder "moveend"-Ereignis auftritt.
Also etwa 
map1.on("zoomend", meine_funktion);
und dann in der meine_funktion können Sie auf der rechten Karte "setBounds" aufrufen, um die rechte Karte zu verschieben/zu zoomen. Das "setBounds" muss dabei den aktuellen Ausschnitt der linken Karte übergeben bekommen (getBounds).

_________________________________________________

<html>
  <head>
    <link rel="stylesheet" href="https: //unpkg.com/leaflet@1.4.0/dist/leaflet.css"></link>
    <script src="https: //unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>
    <script src="http: //unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>
    <script>
      function initMaps() {
        map = new L.map('meine_map');
        L.tileLayer('https: //{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
        let karlsruhe = new L.LatLng(49, 8.4);
        map.setView(karlsruhe, 12);
        map1 = new L.map('meine_map1');
        L.tileLayer('http: //{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png').addTo(map1);
        map1.setView(karlsruhe, 12);

        document.getElementById("suchen").addEventListener("click", suchen);
      }

      async function suchen() {
        let url = new URL('https: //nominatim.openstreetmap.org/search');
        url.searchParams.append('format', 'json');
        url.searchParams.append('q', document.getElementById("ort").value);

        let response = await fetch(url);
        let json = await response.json();
        let box = json[0].boundingbox;

        map.fitBounds([ [ box[0],box[2] ], [ box[1],box[3] ] ]);
        map1.fitBounds([ [ box[0],box[2] ], [ box[1],box[3] ] ]);
      }
    </script>
  </head>
  <body onLoad="initMaps()">
    <div id="meine_map" style="height: 360px; width: 360px;"></div>
    <div id="meine_map1" style="position: absolute; top: 9px; left: 375px; height: 360px; width: 360px;"></div>
    <input type="text" id="ort">
    <button id="suchen">Suchen</button>
  </body>

Anmerkung: Damit der GF-Editor die URLs nicht verfälscht, wurde im Protokoll stets ein Leerzeichen hinzugefügt.

Ich danke euch für die Hilfe im Voraus!

LG

HTML, programmieren, CSS, Java, JavaScript, Informatik, Informatiker
2 Antworten
Jensek81
15.06.2019, 13:46
Mit Bildern
Funktion von Multiplexer ablesen?

Grüße an alle.

Ich muss/darf/soll/habe die Ehre, die Funktionen f (c,d) und g(a,b,c,d) vom folgenden Multiplexer mittels einer Wertetabelle herzuleiten.

Ansatz:

Zunächst erstmal f(c,d): Das ist ja eine Verknüpfung von 2 Multiplexern. Einmal der erste ganz oben links. Der hat als Steuerwerk d, als Eingänge c negiert und 0, und als Ausgang den Weg zum anderen Multiplexer. Da das Steuerwerk d ist, müssen wir die Variable c betrachten. Die Wertetabelle von c unter Betrachtung der Ausgänge, wäre dann:

c_____d_______Ausgang

0_____0_______=>_ c negiert

0_____1_______=> c negiert

1_____0_______=> 0

1____1________ => 0

Also wäre die Wertetabelle für f (c,d)

c___d______f(c,d)

0___0______1

0___1______1

1____0_____0

1____1_____0

Jetzt den zweiten Multiplexer betrachten. Hier ist das Steuersignal c, also müssen wir das Verhalten von d betrachten

Die Wertetabelle wäre wieder nach dem Muster (0,0), (0,1), (1,0), (1,1).

Für (0,1) und (1,1) wäre der Ausgang 1, d.h. die Zeilen wären

c___d_____f (c,d)

1 0 1

1 0 1

Wie sieht es jetzt aber mit (0,0) und (0,1) aus? Da ist der Eingang ja der Multiplexer mit Steuersignal d und ich kann ja nicht sagen, welchen Wert der multiplexer bei (0,0) und (0,1) annimt.

Bild zum Beitrag
Computer, Schule, Mathematik, Technik, Elektronik, Funktion, Elektrotechnik, Informatik, Schaltung, Schaltungstechnik, Technologie, Boolesche Algebra, schaltplaene, technische informatik, Wertetabelle
1 Antwort

Meistgelesene Beiträge zum Thema Informatik

Mehr meistgelesene Fragen zu Informatik