Integrer sa carte Google Maps personnalisee dans son site web

Integrer sa carte Google Maps personnalisee dans son site web

Comment créer et intégrer sa carte Google Maps sur son site web ? C’est la question que se posent de nombreux entrepreneurs. Cependant, il est possible de réaliser cela en suivant la bonne procédure. Voici quelques conseils utiles pour intégrer votre carte Google Maps sur votre site web

Mettre le nom de votre établissement sur la carte

D’abord, mettez exactement le nom de votre établissement professionnel tel que affiché sur google maps dans le champ A. Ensuite, validez en appuyant sur la touche « entrée ». Vous aurez à vérifier si votre établissement apparaît convenablement sur la carte. Dans le cas contraire, ajoutez dans le même champ, l’adresse de votre établissement à la suite du nom. Si le problème n’est pas réglé, cela peut être dû à une ambiguïté avec un autre établissement. La solution qui s’offre à vous est de créer une carte personnalisée qui vous permet d’afficher uniquement l’adresse de votre établissement. Pour cela, insérez votre adresse dans le champ B et cliquez sur « entrée ».

Personnaliser votre carte Maps

Pour personnaliser votre carte maps, choisissez la vue maps. Ensuite,  à l’aide du menu déroulant, choisissez une hauteur de vue variant de 2,5 m à 2000 km. Lorsque ces deux paramètres sont bien choisis dans votre map, vous pouvez passer à l’étape suivante.

Personnaliser la taille de votre iframe

L’étape suivante consiste à choisir la taille en hauteur du cadre de la carte en pixels. Chaque page peut accueillir une valeur par défaut de 600 px. Cette taille peut être augmentée ou réduite selon votre convenance. Ensuite, cliquez « entrée ». Le résultat sera affiché à gauche de votre écran.

Copier le code de votre carte maps personnalisée et l’insérer sur votre page web

Pour obtenir le code HTML qui apparaît dans le cadre en bas à droite, faites un clic dessus. Ensuite, copiez ( ctrl+C), allez sur l’interface d’édition de votre page web et collez le code dans le bloc HTML. Ainsi, votre carte pourra s’afficher en fonction des paramètres que vous avez définis.

Mettre en avant votre établissement sur internet

Il est important de montrer où se situe votre établissement sur votre site internet. En outre, vous devez aussi faire découvrir l’intérieur de votre établissement afin que vos visiteurs s’en fassent une idée. A ce titre, faites réaliser des cartes virtuelles google pour votre établissement. L’integration de ces cartes à votre site internet se fera comme s’il s’agit de cartes personnalisées. Elles peuvent être utilisées sur d’autres supports

Il convient de préciser que vous pouvez afficher une cle api google maps sur votre site wordpress ou autre. Pour réussir l’integration de cette cle api sur votre site wordpress, il faut aller sur google Developers Console (Google Maps platform). Ensuite, cliquez sur le menu « My projet » et remplir les champs pour créer votre clé. Le clé api permet la communication entre platform const. On parle de plateform const surtout dans le développement web.  Si vous suivez ces étapes, vous pourrez créer votre map, le personnaliser et l’intégrer facilement sur votre site internet.