L'API Google Maps 3 - Type de l'erreur: un est indéfini

Je suis d'essayer de charger dynamiquement des géocodes à partir d'un fichier json ici http://debug-gotfed.admin.zope.net/bataviaeats/at/dev_remote_content

Que je suis un "Type d'Erreur: l'un n'est pas défini." Ce qui me manque?

<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>

l'erreur est forcé par te manque zoom-propriétés de la carte, la carte n'a pas été instanciée avec succès.
Je vous remercie. L'ajout d'un zoom bien effacé l'erreur. Maintenant, sur pourquoi les marqueurs n'apparaissent pas

OriginalL'auteur Bryan Wengren | 2013-10-31

google-maps-api-3

16

Vous êtes soit avec la console de firebug ouvert lors du chargement de la page ou de l'un de l'extension firefox obstruer le téléchargement, rendant le navigateur ne peut pas obtenir la pleine script de google.

Solution: au tour de la console de firebug, si ce n'est pas le cas, essayez de désactiver les extensions individuellement voir ce conflit.

Merci, vous avez sauvé ma heures.
Est-ce donc une Firebugbug? Est-il de toute discussion sur ce problème, par exemple la cause?
Il est aussi arrivé à moi avec Firefox intégré dans la console ouverte.

OriginalL'auteur angry kiwi
5

Il suffit d'ajouter la v3 par exemple en tant que version ,et elle travaillera avec firebug et toute autre extension
```
<script src="https://maps.googleapis.com/maps/api/js?v=3"></script>
```
tous les crédits se passe ici :
L'API Google Maps: TypeError: un est indéfini

OriginalL'auteur Feras
4

La google.cartes.LatLng constructeur prend deux arguments. C'est faux:
```
  var position = new google.maps.LatLng(data.geocode);
```
Si les données.le géocodage est déjà un compte google.cartes.LatLng objet, il suffit d'utiliser il. Si c'est un objet JSON avec la lat et de gnl propriétés, ensuite vous devez passer séparément dans le constructeur:
```
  var position = new google.maps.LatLng(data.geocode.lat, data.geocode.lng);
```
code vos données spécifiques:
```
      var geocode=data.geocode.split(',');
      var position = new google.maps.LatLng(geocode[0],geocode[1]);
```
Un exemple de données".géocodage" est "42.981718,-77.992174". Je n'ai divisé en deux propriétés avant et il ne fonctionne toujours pas.
Voir le Dr Molle est plus de ma réponse (qui s'applique toujours). Un google.cartes.LatLng prend deux nombre en tant qu'arguments, pas une chaîne de caractères contenant une virgule. Vous n'avez pas fourni tous les détails sur le contenu de vous JSON dans votre question.
Et en fait, c'est deux Nombre. Le découpage d'une chaîne de produit deux Chaînes de caractères, qui peut ne pas fonctionner de manière fiable à travers toutes les versions de l'API.
Merci à Andrew. Je n'ai diviser la chaîne en nombre et qui a aidé. code var geocode = data.geocode.split(','); var geo1 = parseFloat(geocode[0]); var geo2 = parseFloat(geocode[1]); var position = new google.maps.LatLng(geo1,geo2);

OriginalL'auteur geocodezip

Merci à tous ceux qui ont répondu. C'est le dernier code de travail avec des ajouts pour les Infoboxes. Je ne tourner à la scission de géocodage des données en nombres. Vous pouvez la consulter en temps réel @ 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>

OriginalL'auteur Bryan Wengren

Vous devez vous connecter pour publier un commentaire.