Hallo Benjamin

Die Google Karte mit mehreren Pins ist auch ein Thema welches uns längere Zeit beschäftigt hat. So wie di es im Moment ausführst denke ich nicht, dass es funktionieren kann. Wenn du die Google Maps API über Javascript einbindest kannst du das ganze nicht auch noch in eine iframe packen. Ich mache auch gerade noch ein paar Tests wie das funktionieren kann und melde mich nochmals wenn ich etwas gefunden habe.

Aber grundsätzlich kann man JavaScript problemlos in Ninox ausführen.

Gruss Etienne

Jetzt habe ich aber doch noch eine Frage. Vielleicht habt ihr ja eine Idee. Wenn ich auf die Maker klicke wird mir der Name einer Location angezeigt. Gibt es die Möglichkeit, dass ich den Namen anklicke und mir Ninox den entsprechenden Eintrag öffnet?

Aktuell sieht der Code wie folgt aus

html("
<div id='map' style='height: 100%;'></div>
<script>
    var locations = " +
formatJSON((select Locations).{
    position: {
        lat: lat,
        lng: lon
    },
    title: Location
}) +
";
    var map;
    var icon = {
        url: 'https://maps.google.com/mapfiles/ms/icons/red-dot.png', // Roter Marker
        scaledSize: new google.maps.Size(50, 50) // Größe anpassen (50x50 Pixel)
    };
    function addMarker(feature) {
        var marker = new google.maps.Marker({
            position: feature.position,
            title: feature.title,
            icon: icon,
            map: map,
          });
        var infoWindow = new google.maps.InfoWindow({
            content: feature.contentString,
          })
        marker.addListener('click', () => {
            infoWindow.open({
                anchor: marker,
                map: map,
            });
        });
    };
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: { lat: 51.1657, lng: 10.4515 }, // Zentrum auf Deutschland
            zoom: 7, // Zoom-Level, um ganz Deutschland zu zeigen
        });
        locations.forEach(function(location) {
            addMarker({
                position: location.position,
                title: location.title,
                contentString: '<div>'+location.title+'</div>',
            });
        });
    };
    var mapsLink = 'https://maps.googleapis.com/maps/api/js?key=" +
myAPIkey +
"&callback=initMap';
    if ($('script[src=""'+mapsLink+'""]').length === 0) {
        let script = document.createElement('script');
        script.src = mapsLink;
        script.async = true;
        script.defer = true;
        document.body.append(script);
    } else {
        initMap()
    }
</script>
")