0
votes

Les marqueurs ne fonctionnent pas avec Google-Map-React

Je travaille avec la bibliothèque "Google-Map-React" et j'ai essayé tout sauf que les marqueurs ne se présentent pas. Je transmettais les coordonnées au marqueur de nombreuses manières mais aucune n'a travaillé. Voici mon code et mon référentiel:

https://github.com/jorginyu/ubica xxx

Que puis-je faire? Merci pour votre temps :)

reactjs api google-maps markers

1 commentaires

Cela montre-t-il désolé! Quelque chose s'est mal passé. ?



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Si vous ouvrez la console du navigateur, vous verrez une erreur. Le problème est avec votre composant  marcerc  code> et comment vous  essayez  em> pour obtenir le texte  code> Prop. 
 Le paramètre du composant est un objet avec Toutes les propriétés qui sont transmises à elle.  p> 
 Vous ne vous déstructurez pas pour obtenir le texte  code> Vous utilisez simplement le paramètre entier et essayez de l'afficher.  P> 
 Donc, vous avez besoin de la destructurer avec succès comme  const markersc = ({texte}) => ..  code>  p> 
  au lieu de  p>  xxx  pré > 
 il devrait être  p>  xxx  pré> 
   update  strong>  p> 
 juste remarqué, le  Google-plan -React  code> Attendez-vous à trouver  lat  code> et  GNL  code> Propriétés sur le marqueur. Vous les avez enveloppés à l'intérieur d'une propriété  code>  code> de la propriété afin qu'elles ne peuvent pas être trouvées.  P> 
 de sorte que votre utilisation doit être  p> 
  P> 
<MarkersC {...contact} key={i} />

                                

                                                                    
                                    
                                    
                                        3 commentaires
                                        
                                                                                            
                                                    Bonjour Gabriele, merci pour votre temps, j'ai essayé cela mais ne fonctionne pas, :(                                                
                                                
                                                                                            
                                                    @Donutworry, vient de remarquer une autre question et une réponse de mise à jour ( en bas )                                                

                                                
                                                                                            
                                                    Oui! J'ai commencé à le faire comme ça, mais je ne le faisais pas, j'ai donc essayé la position Obj. Ça ne fonctionne pas :_(                                                
                                                
                                                                                    

                                    

                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Il y a un problème de formatage. J'ai supprimé les espaces: 
 ALORS:  P> 
          {
            contacts.map((contact, i) => <MarkersC lat={contact.lat} lng={contact.lng} text={contact.name} key={i} /> )
          }

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Dans votre question, vous avez fourni une clé GoogleMap non valide, il s'agit d'une erreur d'erreur dans la console  Erreur d'API JavaScript Google Maps: InvalidkeymapError . 

 fournir une clé GoogleMap Valide ou vierge (const api_key = '') pour une utilisation de développement uniquement. 

 Dans mon cas avec API_KEY vide, ça marche bien. 

 (votre code de repo git est différent du code que vous avez posté ici dans Stackoverflow.)                                 


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Eh bien, c'est parce que j'ai résolu le problème. J'ai récemment fermé cette question. Merci quand même Ravi :).

Articles qui pourrait vous intéresser : Mon application create-react ne parvient pas à se compiler en raison d'une erreur ESLint Erreur: Node Sass version 5.0.0 est incompatible avec ^ 4.0.0 La réinitialisation de React-hook-form fonctionne correctement, les champs de saisie ne se vident toujours pas après l'envoi Changer le format numérique du champ d'entrée dans le mode d'édition de ligne de table d'Antd?