Vous souhaitez intégrer Bing Maps sur votre site WordPress ? Si vous recherchez une alternative à Google Maps, alors Bing Maps est le bon candidat pour vous.
Semblable à Google Maps, vous pouvez utiliser Bing Maps pour afficher les directions, le trafic, les itinéraires et les instructions de navigation sur votre site WordPress. Comme il appartient à Microsoft, c’est une excellente application cartographique avec une tonne de données utiles.
Dans cet article, nous allons vous montrer comment intégrer facilement Bing Maps dans WordPress, étape par étape.
Ajout de Bing Maps dans WordPress (aucun plugin requis)
La première chose que vous devez faire est d’aller à Cartes Bing site Web et recherchez l’emplacement ou la carte que vous souhaitez intégrer.
Une fois que vous avez trouvé l’emplacement, cliquez sur l’option « Plus » avec l’icône à trois points et sélectionnez l’option « Intégrer une carte ».
Après cela, il ouvrira un nouvel onglet où vous pourrez personnaliser la carte à intégrer dans votre site Web.
Vous pouvez choisir la taille de la carte, le type de carte (carte statique ou déplaçable), le style de carte (route ou aérienne) et les liens de carte. Passez en revue les options de personnalisation, puis cliquez sur Générer le code.
Après cela, il vous fournira un extrait de code. Allez-y et copiez le code car vous en aurez besoin à l’étape suivante.
Maintenant, revenez à votre site WordPress et créez une nouvelle page ou modifiez une page existante où vous souhaitez ajouter la carte.
Sur l’écran d’édition de la page, cliquez sur l’icône Ajouter un nouveau bloc et sélectionnez le bloc HTML personnalisé.
Après cela, collez le code d’intégration Bing Map que vous avez copié précédemment dans le champ HTML.
Vous pouvez maintenant enregistrer ou publier votre page et cliquer sur le bouton Aperçu pour voir la carte intégrée à votre page. Voici comment la Bing Map est apparue sur notre site de démonstration.
Ajouter des cartes Bing à l’aide d’un plugin
Si vous n’avez besoin d’intégrer qu’une seule carte sur votre site Web, la méthode manuelle illustrée ci-dessus est la meilleure option.
Cependant, si vous exécutez un site Web où vous avez souvent besoin d’ajouter des cartes, il serait plus facile d’utiliser un plugin pour ajouter des cartes Bing.
La première chose à faire est d’installer et d’activer le Cartes ultimes par Supsystic brancher. Pour des instructions détaillées, vous pouvez consulter notre guide étape par étape sur la façon d’installer un plugin WordPress.
Il s’agit d’un plugin de carte WordPress gratuit qui vous permet d’intégrer des cartes Bing, des cartes Leaflet et d’autres alternatives Google Maps dans votre blog WordPress.
Pour utiliser ce plugin avec les cartes Bing, vous aurez besoin d’une clé API Bing Map.
Créez simplement un compte sur Centre de développement Bing Maps site Internet. Si vous avez déjà un compte Microsoft, vous pouvez simplement vous connecter avec les informations d’identification de votre compte.
Une fois connecté à votre compte, vous devez cliquer sur le menu « Mon compte » et sélectionner l’option « Mes clés ».
Sur l’écran suivant, vous devez remplir les informations de votre site Web pour créer une clé.
Après cela, vous pouvez voir un message « Clé créée avec succès » et les détails de la clé dans une boîte.
Vous pouvez simplement cliquer sur le lien « Copier la clé » ou « Afficher la clé » et copier la clé de l’API Bing Maps.
Après cela, vous devez coller la clé dans les paramètres de votre plugin.
Visite Ultimate Maps par Supsystic » Paramètres depuis votre tableau de bord et sélectionnez « Bing Microsoft » comme moteur de cartographie. Après cela, collez la clé API que vous avez copiée précédemment dans le champ Clé API Bing Maps.
N’oubliez pas de sauvegarder les paramètres de votre plugin.
Après cela, vous devez ajouter des catégories de marqueurs en visitant Ultimate Maps par Supsystic » Catégories de marqueurs » Ajouter une catégorie.
Créez autant de catégories de marqueurs que vous le souhaitez.
Ensuite, cliquez sur le menu Ajouter une carte pour créer une nouvelle carte. Saisissez un nom pour votre carte, définissez la largeur et la hauteur de la carte, choisissez le mode barre de navigation, etc.
Vous pouvez également configurer des options pour rendre la carte déplaçable, utiliser un double-clic pour zoomer, et plus encore. Le plus important de tous, entrez l’emplacement à afficher dans le centre de la carte.
Ensuite, faites défiler vers le bas et configurez plus d’options ci-dessous. Une fois cela fait, cliquez sur le bouton « Enregistrer la carte » sous la boîte d’aperçu de la carte.
Après cela, vous pouvez ajouter des marqueurs pour afficher les principaux points de localisation sur votre carte. Cliquez sur l’onglet Marqueurs, puis ajoutez un nom pour votre créateur.
Vous pouvez utiliser le nom du lieu ou de l’organisation comme nom de marqueur.
Par exemple, nous avons utilisé « University of Florida » comme nom de marqueur, car nous souhaitons afficher certains des meilleurs collèges de Floride sur notre carte de démonstration.
Après cela, vous pouvez ajouter un texte de description de marqueur ainsi qu’une image.
Faites défiler vers le bas et choisissez une icône pour votre nouveau marqueur. Ensuite, vous devez entrer l’adresse pour pointer le marqueur. Et, sélectionnez également la catégorie de marqueur.
Passez en revue toutes les autres options, puis cliquez sur le bouton « Enregistrer le marqueur ».
Vous pouvez ajouter plus de marqueurs en suivant les mêmes étapes.
Au fur et à mesure que vous ajoutez les marqueurs, vous pouvez les prévisualiser en direct dans la zone d’aperçu. Une fois que vous êtes satisfait de votre carte, accédez à l’option « Map shortcode » en haut et copiez le shortcode.
Après cela, créez une nouvelle page ou modifiez une page existante pour intégrer votre nouvelle carte Bing.
Une fois dans l’éditeur de page, cliquez sur l’icône Ajouter un nouveau bloc et choisissez le bloc Shortcode dans la section Widgets.
Vous devez maintenant coller le shortcode de la carte Bing que vous avez copié auparavant.
Une fois cela fait, enregistrez ou publiez votre page et prévisualisez à quoi ressemble la carte Bing sur votre site Web.
Voici comment la carte Bing intégrée est apparue sur notre site Web de démonstration.
Nous espérons que cet article vous a aidé à apprendre à intégrer facilement Bing Maps dans WordPress. Vous pouvez également consulter notre guide sur la façon d’intégrer des tweets réels dans les articles de blog WordPress.