Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Drucker in Sonstige ist noch nicht im Spiderfy , das muss auch id den Kreis sich anordnen und nicht in die Mitte.

Browse Source 
OverlappingMarkerSpiderfier oms muss noch für Sonstige implementieren oms.addMarker(marker);
This commit is contained in:
ISA
2024-04-26 10:18:47 +02:00
parent 7ef390d11b
commit 5e84d35120
1 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
components/MapComponent.js
View File

@@ -1009,28 +1009,28 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
// Tooltip beim Überfahren mit der Maus anzeigen // Tooltip beim Überfahren mit der Maus anzeigen
marker.bindTooltip( marker.bindTooltip(
` `
<div class="p-0 rounded-xl bg-opacity-90"> <div class="p-0 rounded-lg bg-white bg-opacity-90">
<div class="font-bold text-sm text-black"> <div class="font-bold text-sm text-black">
<span>${area_name}</span> <span>${area_name}</span>
</div> </div>
<div class="font-bold text-xxs text-gray-700 "> <div class="font-bold text-xxs text-blue-700">
<span>LT : ${measurements.LT} °C</span> <span>LT : ${measurements.LT} °C</span>
</div>
<div class="font-bold text-xxs text-red-700">
<span>FBT : ${measurements.FBT} °C</span>
</div>
<div class="font-bold text-xxs text-yellow-500">
<span>GT : ${measurements.GT === "nicht ermittelbar" ? measurements.GT : `${measurements.GT} °C`}</span>
</div>
<div class="font-bold text-xxs text-green-700">
<span>RLF : ${measurements.RLF} %</span>
</div>
</div> </div>
<div class="font-bold text-xxs text-gray-700 ">
<span>FBT : ${measurements.FBT} °C</span>
</div>
<div class="font-bold text-xxs text-gray-700">
<span>GT : ${measurements.GT === "nicht ermittelbar" ? measurements.GT : `${measurements.GT} °C`}</span>
</div>
<div class="font-bold text-xxs text-gray-700 ">
<span>RLF : ${measurements.RLF} %</span>
</div>
</div>
`, `,
{ {
permanent: true, // true würde den Tooltip immer anzeigen permanent: true, // Tooltip wird ständig angezeigt
direction: "auto", // oder 'top', 'bottom', 'left', 'right' direction: "auto", // Automatische Ausrichtung
offset: [20, 0], offset: [20, 0], // Offset-Werte
} }
); );
@@ -1096,6 +1096,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
if (map && dauzMarkers.length) { if (map && dauzMarkers.length) {
dauzMarkers.forEach((marker) => { dauzMarkers.forEach((marker) => {
marker.addTo(map); marker.addTo(map);
oms.addMarker(marker);
// Popup beim Überfahren mit der Maus öffnen und schließen // Popup beim Überfahren mit der Maus öffnen und schließen
marker.on("mouseover", function () { marker.on("mouseover", function () {
@@ -1115,6 +1116,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
if (map && smsfunkmodemMarkers.length) { if (map && smsfunkmodemMarkers.length) {
smsfunkmodemMarkers.forEach((marker) => { smsfunkmodemMarkers.forEach((marker) => {
marker.addTo(map); marker.addTo(map);
oms.addMarker(marker);
// Popup beim Überfahren mit der Maus öffnen und schließen // Popup beim Überfahren mit der Maus öffnen und schließen
marker.on("mouseover", function () { marker.on("mouseover", function () {
@@ -1134,6 +1136,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
if (map && ulafMarkers.length) { if (map && ulafMarkers.length) {
ulafMarkers.forEach((marker) => { ulafMarkers.forEach((marker) => {
marker.addTo(map); marker.addTo(map);
oms.addMarker(marker);
// Popup beim Überfahren mit der Maus öffnen und schließen // Popup beim Überfahren mit der Maus öffnen und schließen
marker.on("mouseover", function () { marker.on("mouseover", function () {
@@ -1153,6 +1156,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
if (map && sonstigeMarkers.length) { if (map && sonstigeMarkers.length) {
sonstigeMarkers.forEach((marker) => { sonstigeMarkers.forEach((marker) => {
marker.addTo(map); marker.addTo(map);
oms.addMarker(marker);
// Popup beim Überfahren mit der Maus öffnen und schließen // Popup beim Überfahren mit der Maus öffnen und schließen
marker.on("mouseover", function () { marker.on("mouseover", function () {