[GELÖST] Probleme bei der Ausführung setInterval() bei Verwendung von googleMapsObjekt

[sascha83]

Hallo,

ich möchte in meinem Programm folgenden Code intervallgesteuert alle 2 Sek. ausführen. Das funktioniert auch, so lange ich nicht folgendes googleMapsObjekt einbinde (welches ich aber benötige):

map = new google.maps.Map({
       center: pos
});

Der Code wird dann nicht wiederholt ausgeführt, sondern lediglich nur einmal.

function initialize() {
    var pos = new google.maps.LatLng(pos[0], pos[1]);
    var location = 'cafe';

    map = new google.maps.Map({
            center: pos
        });

    var request = {
        location: pos,
        radius: 2000,
        types: location
      };

    function callback(places) {
        for(var i = 0; i < places.length; i++) {

        }
    }
    service = new google.maps.places.PlacesService(map);
    service.nearbySearch(request, callback);
}

setInterval(function refresh() {
    initialize();
}, 2000);

https://developers.google.com/maps/documentation/javascript/places?hl=de

Vielen Dank für die Hilfe im Voraus.

 

[mikdoe]

Nachricht von sascha83:

Hallo,

bitte löscht doch meinen Beitrag. Es nicht an der Programmierung sonder an
meinem Browser. Nachdem ich die Chronik gelöscht hatte lief alles.

VG

Wir löschen hier normalerweise nichts. Ist ja nicht schlimm, wenn die Frage umsonst war.

 

[sascha83]

Tja, die Frage war auch nicht umsonst. Hatte an der falschen Stelle getestet. Das Problem besteht also nach wie vor

 

[kkapsner]

Steht etwas in der Fehlerkonsole?
Musst du wirklich jedes mal ein neues Map-Objekt erstellen? Kannst du nicht ein einziges erstellen und dann dieses einfach neu zentrieren?

PS:

var pos = new google.maps.LatLng(pos[0], pos[1]);

Diese Zeile ist definitiv falsch und sollte eine "pos is undefined" erzeugen.
PPS:

window.setInterval(initialize, 2000);

wäre übersichtlicher.

 

[sascha83]

Die Vermutung mit der Objekterzeugung hatte ich auch schon angestellt. Mir ist allerdings nicht bewusst wie ich das objekt außerhalb oder global erzeuge und dann die map in der Funktion wieder zentriere!?
Folgendes wäre mein Ansatz gewesen, der funktioniert aber leider nicht:

var map = new google.maps.Map();
function initialize() {
    map = {
            center: pos
        };
}

Die Fehlerkonsole gibt mir folgendes aus:
- TypeError: Argument 1 of Window.getComputedStyle does not implement interface Element.
- ReferenceError: google is not defined

Die Einbindung der google Api sieht wie folgt aus:

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=true"></script>

 

[kkapsner]

Ich würde es nicht global erzeugen, sondern einfach nicht die komplette initialize() wiederholt ausführen lassen, sondern nur einen kleinen Teilbereich (z.B. über eine anonyme Funktion).

Die Fehlerkonsole gibt mir folgendes aus:

Dann hast irgendwo anders Probleme. Kannst du uns einen Testlink geben?

 

[sascha83]

Mit nem Testlink ist leider schwer, da ich hier keinen Serverzugriff habe.

Ich habe nochmal nen anderes Debugging-Tool genutzt. Das schlug bei folgender Zeile an

var pos = new google.maps.LatLng(positionField[0], positionField[1]);

In dem Array werden mir einfach der Längen und Breitengrad aus der geolocation.watchPosition()-Funktion übergeben. Übergeben werden die koordinaten als String. Ich habe sie auch schon als Float geparsed. Leider auch ohne Erfolg

 

[kkapsner]

Das schlug bei folgender Zeile an

Und mit welcher Meldung?

 

[sascha83]

Mit folgender Meldung:

'ReferenceError: google is not defined'

GET https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js [HTTP/1.1 304 Not Modified 19ms]
GET https://maps.gstatic.com/maps-api-v3/api/js/20/5/main.js [HTTP/1.1 304 Not Modified 15ms]
GET https://maps.gstatic.com/maps-api-v3/api/js/20/5/places.js [HTTP/1.1 304 Not Modified 16ms]

 

[mikdoe]

Dann stimmt die Reihenfolge nicht. Die Einbindung der Google API muss vor dem ersten JS Kommando stehen, das darauf zugreifen will.
Also <script src="https://maps.googleapis.com/maps/api/js?v=3"></script> weiter nach oben.

 

[sascha83]

Super, das wars

Allerdings tritt jetzt folgendes auf:

TypeError: Argument 1 of Window.getComputedStyle does not implement interface Element.

Und mein Code wird immernoch nur einmal ausgeführt.

window.setInterval(initialize, 2000);

schlägt sozusagen gar nicht an.

 

[mikdoe]

Für welche Zeile wird der Fehler angezeigt?
Und das Fehlen der Wiederholung ist eine Folge des Fehlers, JS läuft ab dem ersten Fehler nicht weiter.

 

[sascha83]

Der Fehler wird für Zeile 35 der main.js angezeigt. Dieses File gibt es bei mir allerdings gar nicht.
Wenn ich das richtig sehe, dann gehört das zu der google Api?!

var pos = new google.maps.LatLng(pos[0], [pos[1]);

function initialize() {
    "use strict";
    map = new google.maps.Map({
		center: pos
	  });
		  var request = {
		location: pos,
		radius: 2000,
		types: ['bakery']
	  };

	  var plService = new google.maps.places.PlacesService(map);
	  plService.nearbySearch(request, callback);

Der Interval-Aufruf scheint aber zu funktionieren, in der Fehler-Konsole werden jedenfalls die Wiederholungen vor der Zeilenangabe, in meinem eingstellten Interval nach oben gezählt. Nur die Callback-Funktion wird nur einmal ausgeführt. Siehe: Anhang anzeigen 4568

 

[mikdoe]

Wie hast du das mit dem Anhang gemacht? Bei mir kommt da eine Fehlermeldung.

 

[sascha83]

hmm, bei mir funktioniert er http://forum.jswelt.de/attachment.php?attachmentid=4568

- - - Aktualisiert - - -

Ein neuer Versuch

Ich werde den Code heute Abend mal auf den Server laden. Denke dann ist besser zu sehen, was ich bisher verzapft habe.

 

[sascha83]

Das Problem ist gelöst:

map = new google.maps.Map({
		center: pos
	  });

fehlte ein weiterer Parameter:

map = new google.maps.Map(document.getElementById('div'), {
		center: pos
	  });