Comment ajouter facilement une recherche de localisation à un site de catalogue dans WordPress

« installez des extensions de localisation géographique pour permettre aux utilisateurs de rechercher des listes par emplacement. Pour l’installer, il suffit de passer le curseur sur la section hivepress et de cliquer sur le lien extensions. Trouvez l’extension de géolocalisation dans la liste, cliquez sur le bouton installer et activez l’extension. De plus, la capture d’écran suivante montre la procédure courante pour installer les extensions hivepress afin que vous puissiez le faire étape par étape.
Créer un nouveau projet une fois l’installation du plug – in et de l’extension de localisation terminée, vous pouvez créer un projet sur la plateforme Google Cloud. En supposant que vous ayez déjà un compte Google, vous devriez avoir un accès facile à ce tableau de bord. Cependant, si vous n’avez pas votre propre compte, il est essentiel de créer un compte Google. Vous devez maintenant créer un projet en cliquant sur le bouton créer un projet, puis en le nommant, puis en cliquant sur le bouton créer. Maintenant, si vous n’avez pas de compte de facturation Google, vous devez créer un nouveau compte pour activer la facturation de projet. Mais ne vous inquiétez pas, vous n’avez pas à payer pour l’instant, ce n’est qu’une des exigences pour utiliser l’API Google Maps. Il suffit de suivre le lien pour remplir tous les champs du formulaire, y compris les détails du mode de paiement.
Vous recevrez 200 $de points gratuits par mois, ce qui, dans la plupart des cas, sera suffisant pour couvrir les frais d’utilisation des services Google sur votre site. De plus, vous pouvez fixer des limites et des notifications afin de ne jamais dépasser les points gratuits. Vous pouvez vérifier le prix, mieux comprendre comment il fonctionne et vous assurer que vous pouvez utiliser ces cartes gratuitement. Lorsque vous ajoutez des informations de facturation, une fenêtre contextuelle apparaît avec le type d’api que vous souhaitez activer. Sélectionnez la carte et l’emplacement dans la capture d’écran ci – dessous, puis cliquez sur Pulse
Maintenant, si vous utilisez le plug – in hivepress, allez sur le tableau de bord WordPress, puis allez sur hivepress > paramètres > intégration > Google Maps. Ensuite, collez votre clé API dans le champ approprié et cliquez sur le bouton Enregistrer les modifications pour ajouter une recherche de localisation à votre site Web. Félicitations. À partir de maintenant, votre site sera intégré à Google Maps et vous pouvez maintenant ajouter des emplacements à la liste existante dans la section annonces. De plus, l’utilisateur doit définir l’emplacement de la liste nouvellement ajoutée. De plus, il y a un champ de recherche de localisation et une carte Google sur votre site, donc vous pouvez l’essayer et rechercher quelques listes en fonction de leur emplacement. Dépannage s’il y a un problème avec la clé API que vous avez créée, La carte peut afficher le message ‘Oops! Error. Cette page ne charge pas correctement Google Maps’ error. Il s’agit d’une erreur assez courante parce que configurer une clé API n’est pas un processus très intuitif et les utilisateurs sautent généralement quelques étapes de configuration. Cependant, si vous connaissez la source du problème, vous pouvez le corriger immédiatement.
Pour découvrir la cause de cette erreur, vous devez ouvrir la console JavaScript. Selon votre navigateur, vous pouvez l’ouvrir avec plusieurs touches différentes. Voir la réponse pour stackoverflow, qui explique comment ouvrir la console JavaScript. Si vous utilisez un navigateur Chrome, appuyez simplement sur Ctrl + Maj + I pour l’ouvrir. Une fois ouvert, vous devriez voir un message d’erreur comme celui – ci. Il est important de bien comprendre les causes des erreurs afin que vous puissiez les corriger. Il peut y avoir plusieurs erreurs, mais nous vous montrerons comment corriger les erreurs les plus courantes: missingkeymaperror; Erreur de cartographie de clé invalide; Apinotactivatedmaperor; Voir opérateur non autorisé. Cependant, si vous avez des erreurs qui ne sont pas énumérées ci – dessus, consultez la documentation des messages d’erreur de l’API go.
Découvrez le problème et la solution en regardant la carte.
Missingkeymaperror cette erreur signifie qu’il n’y a pas de clé API, donc si vous voulez activer Google Maps sur le site, vous devez créer une clé API. Si vous recevez cette erreur, nous vous recommandons de commencer par la première étape en suivant ce tutoriel pour créer une clé API et configurer correctement la cartographie. Erreur de cartographie de clé invalide cette erreur se produit lorsque la mauvaise clé API est utilisée. Il est probable que vous l’avez créé, mais que vous ne l’avez pas ajouté correctement à votre site Web. Pour corriger cette erreur, allez à la page justificatifs d’identité et Copiez la clé API. Si vous utilisez le plug – in hivepress et ses extensions de localisation, allez sur le tableau de bord WordPress > hivepress > paramètres > intégration > Google Maps, collez la clé API dans le champ approprié, puis cliquez sur le bouton Enregistrer les modifications. Si vous recevez une telle erreur, l’API requise n’est pas activée. Il y a beaucoup d’api différentes dans la Bibliothèque d’api Google Maps, donc vous devez aller à la bibliothèque et activer les API dont votre projet a besoin. Lorsque vous les activez, n’oubliez pas de les ajouter à la section restrictions de l’API dans les paramètres de la clé de l’API dans la section justificatifs d’identité. Par exemple, si vous utilisez le plug – in hivepress et ses extensions de géolocalisation et que vous souhaitez ajouter une recherche de localisation à un site Web dans votre répertoire, vous devez activer et permettre l’accès aux API Google suivantes: l’api javascript de carte, l’API de localisation, l’API géocodage. Vous pouvez utiliser les API nécessaires pour voir les captures d’écran. Cette erreur se produit si la limite de référence de l’API n’est pas correctement définie. Par exemple, si une carte ne fonctionne que sur une seule page d’un site Web et non sur d’autres pages, il est probable qu’elle rencontrera le même problème. La bonne nouvelle est que vous avez défini et entré co
La bonne clé API, vous n’avez qu’à corriger un petit détail. Allez à la page des justificatifs d’identité et cliquez sur la clé API pour l’éditer. Dans la section restrictions d’application, sélectionnez références http (site Web). Remplissez ensuite les limites du site comme suit, mais remplacez l’exemple par votre nom de domaine, puis cliquez sur le bouton Enregistrer. Le réglage peut prendre jusqu’à 5 minutes. Il est important d’ajouter la section « \/ * » à la fin pour permettre les demandes d’API de n’importe quelle sous – page du site afin que Google Maps puisse travailler sur toutes les pages du site. Si vous changez quelque chose dans les limites de la clé API, attendez jusqu’à 5 minutes pour que les paramètres prennent effet; Si l’erreur persiste, vérifiez à nouveau la console Javascript pour plus de détails. Des erreurs peuvent survenir après la première réparation; Vous pouvez également essayer de vider le cache du navigateur. C’est tout! Ils disent qu’un homme de volonté fait ce qu’il veut. Vous venez d’ajouter une fonction de recherche de localisation au site Web du catalogue, et vos utilisateurs peuvent maintenant rechercher la liste par emplacement. C’est une fonctionnalité très importante pour la plupart des répertoires. Bien que l’ajout de Google Maps semble un peu compliqué, il en vaut la peine. Une fois que vous ajoutez une recherche de localisation à votre site, elle aura un impact positif sur l’expérience utilisateur. L’expérience utilisateur est importante pour tout site Web parce qu’elle est l’une des étapes d’un bon trafic. Comme vous pouvez le voir, vous pouvez intégrer Google Maps dans votre site Web sans aucune compétence de codage. Si vous n’avez pas encore décidé quel plug – in utiliser pour créer un site de catalogue, vous devrez peut – être envisager hivepress. Il vous permet de créer des répertoires et de lister n’importe quel type de site Web. En outre, il inclut l’extension gr