Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Comment intégrer une image haute résolution dans votre site en utilisant Google Map

Image de l'emplacement de la haute résolution de Google Maps
Google Map Image Cutter est une application Java (qui tourne sous Windows et Linux) que vous allez adorer ! Elle permet d’afficher sur votre site n’importe quelle image énorme en grosse résolution, en utilisant tout simplement le moteur de Google Map !

Avant que je vous explique, petit démo :

Ah ça vous titille maintenant 🙂 ! Alors comment faire ?

  1. Téléchargez Google Map Image Cutter ici
  2. Lancez au choix le .sh ou le .bat
  3. Selectionnez votre image (File->Open) et cliquez sur le bouton « Create » puis « Start »
  4. Capture d'écran montrant les étapes pour intégrer une image haute résolution dans votre site web à l'aide de Google Maps

  5. L’application va alors créer un fichier HTML et pleins de petits images dans un sous répertoire. C’est votre image découpée. Pour mon exemple, 2 niveaux ont été crées permettant ainsi de zoomer sur une partie de l’image sans perte apparente de qualité
  6. Allez ensuite sur Google Map Dev pour récupérer une clé API pour votre site
  7. Editez le fichier html généré et remplacez le mot PUTAPIKEYHERE dans la ligne <script src= »http://maps.google.com/maps?file=api&v=2.x&key=PUTAPIKEYHERE » par votre clé
  8. Uploadez le fichier html ainsi que le dossier contenant toutes les images
  9. Et intégrez la page dans n’importe quelle page de votre site avec une simple balise iframe !

J’vous l’avais dit que c’était géant !

[photo + photo]


Les articles du moment