Google Maps API 3 - Typ-Fehler: a ist nicht definiert

Ich versuche, dynamisch zu laden, Geo-Codes aus einer json-Datei hier http://debug-gotfed.admin.zope.net/bataviaeats/at/dev_remote_content

Bin ich ein "Typ Fehler: a ist nicht definiert." Was bin ich?

<script type="text/javascript">

  //Global

  var infowindow;
  var markers_img = 'http://gotfed.in/!/assets/global_images/got-fed-in-marker.png';
  var infoCloseIcon = 'images/close.png';
  var infoCloseMargin = '4px 4px 2px 2px';

  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(58, 16),
      scrollwheel: false,
      mapTypeControl: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    $.each(locations, function(i, data) {
      console.log(data.geocode);
      var position = new google.maps.LatLng(data.geocode);
      var marker = new google.maps.Marker({
          position: position,
          map: map,
          icon: markers_img
        });
      console.log(marker);
      //marker.setMap(map);
    });
  }
  google.maps.event.addDomListener(window, 'load', initialize);

  </script>

der Fehler ist gezwungen, von te fehlt zoom-Eigenschaft der Karte, die Karte wurde nicht instanziert erfolgreich.
Danke. Das hinzufügen einer zoom-Eigenschaft gelöscht der Fehler. Nun, auf, warum die Marker nicht erscheinen

InformationsquelleAutor Bryan Wengren | 2013-10-31

google-maps-api-3

16

Sind Sie entweder in der firebug-Konsole öffnen, beim laden der Seite oder eine firefox-Erweiterung, verstopfen das herunterladen, so dass der browser kann keine volle Skript von google.

Lösung: aktivieren Sie die firebug-Konsole, wenn das nicht der Fall ist, dann versuchen Sie, deaktivieren Sie die Erweiterungen einzeln sehen, was Konflikt ist.
- Vielen Dank, Sie Sparte mein Stunden.
- So ist dies ein Firebugbug? Gibt es irgendeine Diskussion über dieses Thema, zum Beispiel die Ursache?
- Es geschah auch, um mir mit Firefox die eingebaute Konsole geöffnet.
InformationsquelleAutor angry kiwi
5

Fügen Sie einfach die v3 zum Beispiel als release-version ,und es funktioniert mit firebug und andere Erweiterung
```
<script src="https://maps.googleapis.com/maps/api/js?v=3"></script>
```
all credits goes here :
Google Maps API: TypeError: a is undefined

InformationsquelleAutor Feras
4

Den google.maps.LatLng Konstruktor benötigt zwei Argumente. Das ist falsch:
```
  var position = new google.maps.LatLng(data.geocode);
```
Wenn Daten.geocode ist bereits ein google.maps.LatLng-Objekt, es einfach verwenden. Wenn es ein JSON-Objekt mit lat-und lng-Eigenschaften, dann müssen Sie diese separat in den Konstruktor:
```
  var position = new google.maps.LatLng(data.geocode.lat, data.geocode.lng);
```
code für Ihre spezifische Daten:
```
      var geocode=data.geocode.split(',');
      var position = new google.maps.LatLng(geocode[0],geocode[1]);
```
- Ein Beispiel für "Daten.geocode" ist "42.981718,-77.992174". Ich habe es aufgeteilt in zwei Eigenschaften vor und es funktioniert immer noch nicht.
- Dr. Molle ist zusätzlich auf meine Antwort (die immer noch gilt). Eine google.maps.LatLng nimmt zwei Zahl als Argumente, nicht einen string mit einem Komma. Sie nicht bieten keine details über den Inhalt der Sie JSON in deiner Frage.
- Und in der Tat ist es zwei Zahlen. Die Teilung einer saite erzeugt zwei Saiten, die möglicherweise nicht zuverlässig arbeiten über alle API-Versionen entweder.
- Danke Andrew. Ich habe split den string in zahlen um, und das half. code var geocode = data.geocode.split(','); var geo1 = parseFloat(geocode[0]); var geo2 = parseFloat(geocode[1]); var position = new google.maps.LatLng(geo1,geo2);
InformationsquelleAutor geocodezip

Danke an alle die antworteten. Dies ist der endgültige code mit Ergänzungen für die Infoboxen. Ich hat einschalten der split-geocode-Daten in zahlen. Sie können dieses in Echtzeit - @ http://gotfed.in/fredericksburg-va

    <script type="text/javascript">

  //Global
  var map;
  var infowindow;
  var markers_img = 'http://gotfed.in/!/assets/global_images/got-fed-in-marker.png';
  var infoCloseIcon = 'http://gotfed.in/!/assets/global_images/close.png';
  var infoCloseMargin = '4px 4px 2px 2px';
  bounds = new google.maps.LatLngBounds();

  function initialize() {
    var mapOptions = {
      scrollwheel: false,
      mapTypeControl: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    //create markers
    $.each(locations, function(i, data) {

      var geocode = data.geocode.split(',');
      var geo1 = parseFloat(geocode[0]);
      var geo2 = parseFloat(geocode[1]);
      var position = new google.maps.LatLng(geo1,geo2);
      var marker = new google.maps.Marker({
          position: position,
          map: map,
          icon: markers_img,
          title: data.business_name
        });
      bounds.extend(position);
      var id = "info" + i;
      console.log(id);
      var infobox = new InfoBox({
         content: document.getElementById(id),
         disableAutoPan: false,
         maxWidth: 150,
         pixelOffset: new google.maps.Size(-140, 0),
         zIndex: null,
         boxStyle: {width: "280px"},
        closeBoxMargin: infoCloseMargin,
        closeBoxURL: infoCloseIcon,
        infoBoxClearance: new google.maps.Size(1, 1)
      });
      google.maps.event.addListener(marker, 'click', function() {
        infobox.open(map, this);
        map.panTo(position);
      });
    });

    //set Bounds
    map.fitBounds(bounds);

    //Keep map centered
    var center;
    function calculateCenter() {
      center = map.getCenter()
    }
    google.maps.event.addDomListener(map, 'idle', function() {
      calculateCenter();
    });
    google.maps.event.addDomListener(window, 'resize', function() {
      map.setCenter(center);
    });

  }
  google.maps.event.addDomListener(window, 'load', initialize);
  </script>

InformationsquelleAutor Bryan Wengren

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.