Uncaught TypeError: Impossible de définir la propriété "position" undefined

J'ai ce code qui me donne le message d'erreur étrange

Uncaught TypeError: Cannot set property 'position' of undefined

C'est l'intérieur d'un plugin jQuery pour afficher une carte google map dans une fenêtre popup.
J'ai été en utilisant le code quelque part d'autre, où il a bien fonctionné - la seule différence semble être ici que je suis maintenant à l'aide dans une fenêtre Popup. Ai-je raté un problème de portée ou quelque chose?
Toutes les variables comme geocoderParams et latlng sont remplis comme il se doit.
Googler le message d'erreur n'ont rien révélé de précieuses.

Le message d'erreur est exclu lorsque le google.cartes.Map() est appelée.

self = $(this)
self.hide()

geocoder = new google.maps.Geocoder
geocoderParams =
  address: self.data('address') || settings.address
  region: settings.region

results = geocoder.geocode geocoderParams, (results, status) ->

if status == google.maps.GeocoderStatus.OK
  latlng = results[0].geometry.location

  mapOptions =
    mapTypeControl: false
    overviewMapControl: false
    zoom: settings.zoomLevel
    center: latlng
    mapTypeId: google.maps.MapTypeId.ROADMAP

  map = new google.maps.Map(self, mapOptions)

self.show()

InformationsquelleAutor | 2011-12-13

66

J'ai regardé google.maps.Map() et la Google référence dit que le premier paramètre doit être un mapDiv:Node qui est le conteneur de la carte et est généralement un div élément.

Vous êtes de passage à $(this) qui est probablement un objet jQuery qui n'est pas ce que Google maps est attend. Je ne sais pas le reste de votre code, mais peut-être vous devriez juste être de passage this au lieu de $(this).
- Si vous venez de passer d'un document.getElementById("my_div_id"), il fonctionne très bien aussi.
- Il fonctionne également si vous ajoutez .get(0) pour votre jQuery élément.
- point de en faire $(this).get(0) quand tout simplement this œuvres. Pourquoi créer un objet jQuery, vous n'en avez pas besoin?
InformationsquelleAutor jfriend00
31

Si vous utilisez jQuery, vous devez passer la vanille HTMLElement (par exemple Node) au lieu de jQuery sélection (p. ex. Array/NodeList) qui le $() requête retourne.

si vous ajoutez une commande de la console:
```
console.log(self);
```
il sera de retour quelque chose comme:
```
[ ▶ <div id="map_canvas"></div> ]
```
pour obtenir la valeur de la jQuery tableau, remplacer:
```
map = new google.maps.Map(self, mapOptions)
```
avec:
```
map = new google.maps.Map(self[0], mapOptions)
```
InformationsquelleAutor Ryan
20

J'ai rencontré cette erreur lorsque vous essayez de lancer la carte avec quelque chose comme ceci:
```
map = new google.maps.Map($('#map-canvas'), mapOptions);
```
J'ai été en mesure de le résoudre en sélectionnant le premier (et le seul) élément que le sélecteur retourne en ajoutant [0] après le sélecteur:
```
map = new google.maps.Map($('#map-canvas')[0], mapOptions);
```
- ce n'est pas bizarre hack, le montant de la fonction retourne une liste, le [0] sélectionne le premier
InformationsquelleAutor mattsoave

Vous devez vous connecter pour publier un commentaire.