Skip to content
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

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. 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é
  5. Allez ensuite sur Google Map Dev pour récupérer une clé API pour votre site
  6. 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é
  7. Uploadez le fichier html ainsi que le dossier contenant toutes les images
  8. 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]

Créez votre compte gratuit Azure dès aujourd’hui

Qu’est-ce que j’obtiens ?
Avec votre compte gratuit Azure, vous bénéficiez de tous ces éléments et vous n’êtes facturé que si vous effectuez une mise à niveau.

  • 12 mois de services gratuits populaires
  • Crédit de 170 €, pour explorer Azure pendant 30 jours
  • Toujours gratuits: Plus de 25 services

Créez des applications évolutives et des fonctionnalités de mise en œuvre plus rapidement
Créez des charges de travail qui adaptent leur échelle en fonction de la demande. De plus, fournissez des logiciels plus rapidement et de façon fiable grâce à des solutions de DevOps de bout en bout.

Lancez-vous avec 12 mois de services gratuits


Les articles du moment