Html vers Image : Problème avec Google Maps
Fermé
filoulebauju
Messages postés
170
Date d'inscription
mercredi 23 avril 2008
Statut
Membre
Dernière intervention
23 octobre 2018
-
17 mai 2016 à 12:30
filoulebauju Messages postés 170 Date d'inscription mercredi 23 avril 2008 Statut Membre Dernière intervention 23 octobre 2018 - 17 mai 2016 à 13:28
filoulebauju Messages postés 170 Date d'inscription mercredi 23 avril 2008 Statut Membre Dernière intervention 23 octobre 2018 - 17 mai 2016 à 13:28
Bonjour,
je suis actuellement en train de développer un code me permettant d'enregistrer en image une div HTML.
J'ai trouvé pas mal de petits codes sur le net mais aucun ne répond à mon problème.
En effet, ma div contient une carte Google Maps ainsi qu'une trace.
Quand je lance mon js, seule la trace est récupérée, les "tuiles" google maps ne le sont pas.
Est-ce que quelqu'un pourrait m'aider svp ?
Voici le code: https://jsfiddle.net/sah7s2te/3/
Merci d'avance.
je suis actuellement en train de développer un code me permettant d'enregistrer en image une div HTML.
J'ai trouvé pas mal de petits codes sur le net mais aucun ne répond à mon problème.
En effet, ma div contient une carte Google Maps ainsi qu'une trace.
Quand je lance mon js, seule la trace est récupérée, les "tuiles" google maps ne le sont pas.
Est-ce que quelqu'un pourrait m'aider svp ?
Voici le code: https://jsfiddle.net/sah7s2te/3/
Merci d'avance.
A voir également:
- Html vers Image : Problème avec Google Maps
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Acronis true image - Télécharger - Sauvegarde
- Windows 7 vers windows 10 - Accueil - Mise à jour
- Image iso windows 10 - Guide
2 réponses
jordane45
Messages postés
38454
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
22 mars 2025
4 740
17 mai 2016 à 13:24
17 mai 2016 à 13:24
Bonjour,
Merci de bien vouloir coller ton code directement sur le forum
en utilisant la coloration syntaxique
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
.De plus, ta question concernant du JAVASCRIPT... je la déplace dans le "bon" forum.
Merci de bien vouloir coller ton code directement sur le forum
en utilisant la coloration syntaxique
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
.De plus, ta question concernant du JAVASCRIPT... je la déplace dans le "bon" forum.
filoulebauju
Messages postés
170
Date d'inscription
mercredi 23 avril 2008
Statut
Membre
Dernière intervention
23 octobre 2018
8
Modifié par filoulebauju le 17/05/2016 à 14:03
Modifié par filoulebauju le 17/05/2016 à 14:03
OK voici le code:
JS:
CSS:
HTML:
JS:
$(function() {
$("#btnSave").click(function() {
console.log('début du click');
html2canvas($("#carte"), {
onrendered: function(canvas) {
theCanvas = canvas;
document.body.appendChild(canvas);
}
});
});
});
CSS:
element.style {
background-color: rgb(229, 227, 223);
overflow: hidden;
position: relative;
}
div.jour_map.portrait {
height: 1312px;
width: 928px;
}
body {
color: #561f00;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
}
HTML:
<div id="carte"><div class="jour_map portrait" style="position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;" class="gm-style"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; transform-origin: 887px 226px 0px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 387px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 643px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 387px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 643px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: 387px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: 643px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 131px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 899px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 131px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 899px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 719px; top: 387px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 719px; top: 643px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: 131px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: 899px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 719px; top: 131px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 719px; top: 899px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: -125px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 207px; top: 1155px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: -125px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 463px; top: 1155px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: -125px;"></div><div style="width: 256px; height: 256px; position: absolute; left: -49px; top: 1155px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 719px; top: -125px;"></div><div style="width: 256px; height: 256px; position: absolute; left: 719px; top: 1155px;"></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: 30;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 387px;"><img src="data:image/png;base64,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" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 643px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAACwUlEQVR4nO3bva8mYwDG4bsRxEchFGy2UPiIbKfWoNCIEolNVAqxxSInOee870yhUVAqFET027D1JkLhH1CgJDRbbCU+wq15yZuTo1vPc5K9rnam+FV3ZibPJMBN0U0e6ZKrXXK1h3lgdg9wxvQ457rJY7M7gMF6mCe65Jeuabd5aXYPMFCXXOyadk275JPZPcBAXfLC3gB8NrsHGKjbPPXvAKz5cnYPMFCPcmFvAL6Z3QMM1OOc23sF+Gl2DzBQL+fOvQH4dXYPMFiXXN8NwI3ZLcBg3eS5rrnSJc/PbgEAzopu8nC3ebOHeXx2CzBY13y7+1D4R9e830u5d3YTMEiXfLd3VqBd83OXXJzdBQyw+6X42okRaJd81aNcmN0HDNAlL3bNDydG4EYPcs/sNmCAvp27uuTdrvltNwC/93LuO/XebZ7smg+6ydOjO4H/UQ/zaNe80yXP/Oc9a77fPSn82W0ORvYBk3XNFydeFz7tpdw+uwsYoG/l/lNG4Ose5cHZbcAAfS23dc2HJ0bgR4eK4BbSbd7YHST6Zwg+mt0EDNRNnu2S613yV7d5ZXYPMFhfz909yEOnXjvO+S55b3QTcAZ0zedd09kdwARd8rEBgFtUX80dXfLy7A4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbr6/AWIzCEO9AYlAAAAAAElFTkSuQmCC" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 387px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAADe0lEQVR4nO3dz6umYxzH8Q8zgyiLSSgxKFZSiiELRoqysDsbs1E4i8lR0/ww5jnPdY9mZafDxkLZjS0rzb8w/AF+hVj4VZQiTeZr4TTdxo/EnOsq5/Wqq2f73jzfnue+r/u+EgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADg/6v2ZefoBmCQmnK2pnxYU16qZe6t5JLRTUAnNaUuWJ9Xy0Yt8+DoNmCLVcv3fzIEflstG6P7gC1UK7ms1vNYTXm9pnxzwRA4M7oP6KRWsqNaHqopr1TLO7XIA6ObAAAAgL5qmXtqyqlq2T+6BeisppzZvDPwSy2yd3QP0FG1vDnbH/Buncilo5uATupYbq6WH88PgWUOjG4COqpl1mebhL6rw7l2dBPQSa3l8mr5YPZX4I3RTUBHtZ5HZgPgXK3nltFNQEc15dTmEPipjuT60T1AR/VkrqiW/XU8d4xuAQAAALZWHc+dtczRWmTP6Bago1rJjtnbg7w1CLaTOpRrZnsBvh3dA3RUx3PdbAB8OboH6KgWuWE2AL4Y3QN0VIvsmT0U9NnoHqCjOpZbZwPg49E9QEf1Qm6fDYD3R/cAHdVarq4pP2wOgLdG9wCd1TJ3VctaHczu0S0AAAAAAMDFUM/npmp5u6a8VqvZNboH6KhaXp49B3BodA/QUbU8NdsF+FWt5srRTUAntZpd1fLp7FfAkdFNQEfV8sxsAHxdh3PV6Cagk1rNrpryyeyg0KOjm4COapmnf3ctwHHhsH1sXgv46PxJwfuyc3QT0FGt57aacrIW2Tu6BQAAAPj36mB21yJ3V8ujtcwT1bJWLSeqZaOWeXZ0H7BFquXhmvLz7FbfH9d6Hh/dCWyBmnLyb7/8LedqkftHdwL/wV9t4KlFbqyW0zXlvc3PU9Xyak15sZZ5rha5r3crcJFVy+nRDcAgNeWsXXywTdUyB0Y3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwD/1K5o7mq/mzHy+AAAAAElFTkSuQmCC" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 643px;"><img src="data:image/png;base64,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" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 387px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAACL0lEQVR4nO3aoapUURTH4T8KRhGDYhCL4AOYtYhdhYlGo6BikDsze99mtlzFIogPoG/gmwhGwXCtF12W8XLssrcw3wen/9Jic9ZKgP9etTysnuPqqdOv5XB2FzBIrXOtWj4vBsDR7CZgoDrMmWp5VD0v62kuzu4BAACmqVXO1iYPapubs1uAwaql734QntQ6t2f3AANVz6vFmvBLPc752U3AIHWQK9XzfTEE3s1uAgaqltVfx0Kb3JvdBAxULR8Wx0Lf6iCXZzcBg9STXKiWr4uXwOvZTcBA1XKnen7uXgFvZ/cAg1XL3drmmW0AAAAA7J9a5Vy13K8XuT67BRisWt7sVoPHtc7V2T3AQNXzaXEk9H52DzBQbXNrMQB+ze4BBquWj3+GwOwWYLDa5Eb1nBgAsKeq5cgAgD1Vz3OpWn7M7gAmqZbV7AYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+hd9a0KnyGA902gAAAABJRU5ErkJggg==" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 643px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 131px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAABFUlEQVR4nO3BMQEAAADCoPVP7WsIoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeAMBPAABPO1TCQAAAABJRU5ErkJggg==" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 899px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAABFUlEQVR4nO3BMQEAAADCoPVP7WsIoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeAMBPAABPO1TCQAAAABJRU5ErkJggg==" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 131px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 899px;"><img src="data:image/png;base64,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" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 387px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 643px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 131px;"><img src="data:image/png;base64,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" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 899px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 131px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 899px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: -125px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 1155px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAABhklEQVR4nO3UsTGEUQCF0RspxIiERmZEOjCjl2Xte2XoQlkSAoKNrwQl/G/GnlPBl9ybAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPDfdORudQOwQA+56cxxdQewsT7lqiOfnenqFmBDfcxlZ947UwcAJ6S7nHfk7Xf8HflY3QRspCOvf+Of+eo+16ubgI105uVn/Mcecru6B9hQH3LW59x3l4vVLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcJK+ARxZOaady1FxAAAAAElFTkSuQmCC" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: -125px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 1155px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAEiklEQVR4nO3dTahdVxnH4X9jGygG0aQpNJiYQIRSlGIQpJWQGCeC6MhA0JGCjQQCuWlI7sfZe2fSWUEdBVooSEGCtGMlgphRdOLEj4GjQAdBlAxMqTVp+jo5HHY6NXetwX0eOOP7m6z3no+110oaqiEv1ZRavu61/NtAZzXlt7MB8IvePUAjNeT4bPE/qPUc7d0ENFJjfrcaAGPe6t0DNFKLnJwt/vu1yJHeTUAjNeXt2QB4o3cP0FANubhc/HdrKwd79wCN1ZAXayP7e3cAAAAAAI9JDTlTU27WmB/0bgEaqvUcrjEfLn/6+3fvHqChGvPL2b7/m717gEZqK1+tMR+vBsBWXu7dBDRSY34/2/b7Tu8eoJFa5LuPPPTjkV/YOWrKrdln/5/37gEaWp34M+ZftZF9vXuAhmote2vMj2uRL/ZuAQAAAAAegxpypsa8XpdzoHcL0FBt5PnZpp/rvXuAhmrITwwA2KFqzFurATDkYu8eoKGa8tfZAPh67x6gkTqfz9SUh6t7/tbydO8moJEa883Z5/8/9e4BGqoxa7On/q717gEaqiHHa8xHNeajGnKidw/QWF3JodrKF3p3AAAAAADboM5lTw35Wp3Op3q3AA3V1eyabQN+u3cP0FC9mmdmm4D+0bsHaKjW8vRsAPyndw/QWE15sBoCr+Sp3j1AQzXm7moArGVv7x6goRpzezUA1nO4dw/QUE358+wwkC/37gEaqjG/mb0DcAMw7CS1kRdqzPUac753CwAAAAAAsB1qM8dqypu1yLd6twCN1Zi/L+8G+KBOZ3fvHqCRupJDs6cC79XV7OrdBDRSQ74/ux3oRu8eoKGacm02AIbePUBDNeYvqwGwyMnePUAjtZa9Nebj5X//+24Hhh2kFjk1+wLwVu8eoKHayP6acmf5DuCHvXuAxupSPl2Xc6B3BwAAAADwGNTlfH55EOivayP7e/cAjdRG9tWYv82OAb/QuwlooM5lT03542zTz39ryFd6dwHbrE5nd425MVv8D2uR7/XuArZZXc2uGvOr2eKvGnO2dxfQQI05+8jiH7LZuwlopIZcnA2An/buARqq09ldQy7UkB9V8kTvHgAAAOD/V2Nu15SbdS57ercAjc1+5/927xagseXiv10X8tneLUBjNeVOredo7w6gg9rMl3o3AAAAAO3UIkdqzDfs/YcdprZysMa8v/xJ8Ge9e4CGajPHPnH4x3d6NwEN1ZR3Z0Pgn7WZ53o3AY3Uej5XU96bvQu44fsA2EFqyIma8nB2FNil3k1AQzXltUeOAb+UZ3s3AY3UyTxZY/6wHAAPXAEOO8zyNqCNWuRU7xYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAg+R/2PknOc4t+1AAAAABJRU5ErkJggg==" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: -125px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAACKElEQVR4nO3aLYuVQRzG4VvTImIXi4tFTL6AZU1a/AhGiwbB7jnnOfPYNm4xG8VsUoNRbGarn8DgS3Dxv+WwPF2cQbiuT/BLNzPDJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD872qT29WyqnUujm4BOqonOV8t32tOVcun0T1AR/U456rlZ82p3QjcG90EdFQtLxYD8H50D9BRTdmvluPTEdjmxugmoKNqebU4Bbwe3QN0VOtcXwzAcU3ZH90EdFQtbxfXgAeje4COapVrNedzzXlXT3NhdA8AAAAAAPAv1CpXa8r9ep6zo1uAjupZLtecX7s/AUeje4COaptbi1+Bf2qTO6ObgI6q5c3pCMz5Ug+zN7oJ6KQ2uVQt3xYjcDi6CeioWh4tBuB3rXNzdBPQSSVnquXD4j3g4+gmoKOacqXm/NgNwNfRPUBnNeVutbysbQ5GtwAAAH/jBBjDo0ibMGvBAAAAAElFTkSuQmCC" class="canvas" style="width: 256px; height: 256px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 1155px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: -125px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 1155px;"></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;"><div style="position: absolute; left: 0px; top: 0px; z-index: -1;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 387px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 643px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 387px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 643px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 387px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 643px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 131px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 899px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 131px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 899px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 387px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 643px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 131px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 899px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 131px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 899px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: -125px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 207px; top: 1155px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: -125px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 463px; top: 1155px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: -125px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -49px; top: 1155px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: -125px;"></div><div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 719px; top: 1155px;"></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;" aria-hidden="true"><div style="position: absolute; left: 463px; top: 387px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17027/11827.png" draggable="false" alt=""></div><div style="position: absolute; left: 463px; top: 643px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17027/11828.png" draggable="false" alt=""></div><div style="position: absolute; left: 207px; top: 387px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17026/11827.png" draggable="false" alt=""></div><div style="position: absolute; left: 207px; top: 643px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17026/11828.png" draggable="false" alt=""></div><div style="position: absolute; left: -49px; top: 387px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17025/11827.png" draggable="false" alt=""></div><div style="position: absolute; left: -49px; top: 643px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17025/11828.png" draggable="false" alt=""></div><div style="position: absolute; left: 207px; top: 131px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17026/11826.png" draggable="false" alt=""></div><div style="position: absolute; left: 207px; top: 899px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17026/11829.png" draggable="false" alt=""></div><div style="position: absolute; left: 463px; top: 131px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17027/11826.png" draggable="false" alt=""></div><div style="position: absolute; left: 463px; top: 899px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17027/11829.png" draggable="false" alt=""></div><div style="position: absolute; left: 719px; top: 387px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17028/11827.png" draggable="false" alt=""></div><div style="position: absolute; left: 719px; top: 643px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17028/11828.png" draggable="false" alt=""></div><div style="position: absolute; left: -49px; top: 131px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17025/11826.png" draggable="false" alt=""></div><div style="position: absolute; left: -49px; top: 899px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17025/11829.png" draggable="false" alt=""></div><div style="position: absolute; left: 719px; top: 131px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17028/11826.png" draggable="false" alt=""></div><div style="position: absolute; left: 719px; top: 899px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17028/11829.png" draggable="false" alt=""></div><div style="position: absolute; left: 207px; top: -125px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17026/11825.png" draggable="false" alt=""></div><div style="position: absolute; left: 207px; top: 1155px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17026/11830.png" draggable="false" alt=""></div><div style="position: absolute; left: 463px; top: -125px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17027/11825.png" draggable="false" alt=""></div><div style="position: absolute; left: 463px; top: 1155px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17027/11830.png" draggable="false" alt=""></div><div style="position: absolute; left: -49px; top: -125px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17025/11825.png" draggable="false" alt=""></div><div style="position: absolute; left: -49px; top: 1155px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17025/11830.png" draggable="false" alt=""></div><div style="position: absolute; left: 719px; top: -125px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17028/11825.png" draggable="false" alt=""></div><div style="position: absolute; left: 719px; top: 1155px; transition: opacity 200ms ease-out 0s;"><img style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="http://tile.opencyclemap.org/cycle/15/17028/11830.png" draggable="false" alt=""></div></div></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; height: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%; transform-origin: 887px 226px 0px;"><div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div><div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"><div style="z-index: -202; cursor: pointer; display: none;"><div style="width: 30px; height: 27px; overflow: hidden; position: absolute;"><img style="position: absolute; left: 0px; top: 0px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 90px; height: 27px;" src="https://maps.gstatic.com/mapfiles/undo_poly.png" draggable="false"></div></div></div></div></div><div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto,Arial,sans-serif; color: rgb(34, 34, 34); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 314px; top: 566px;"><div style="padding: 0px 0px 10px; font-size: 16px;">Données cartographiques</div><div style="font-size: 13px;"></div><div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;"><img style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png" draggable="false"></div></div><div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 215px; bottom: 0px; width: 12px; display: none;"><div draggable="false" style="-moz-user-select: none; height: 14px; line-height: 14px;" class="gm-style-cc"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; display: none;">Données cartographiques</a><span style="display: none;"></span></div></div></div><div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px; display: none;"><div style="font-family: Roboto,Arial,sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);"></div></div><div class="gmnoprint gm-style-cc" style="z-index: 1000001; -moz-user-select: none; height: 14px; line-height: 14px; position: absolute; right: 0px; bottom: 0px; display: none;" draggable="false"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68); display: none;" href="https://www.google.com/intl/fr_US/help/terms_maps/" target="_blank">Conditions d'utilisation</a></div></div><div style="width: 25px; height: 25px; margin-top: 10px; overflow: hidden; display: none; margin-right: 14px; position: absolute; top: 0px; right: 0px;"><img style="position: absolute; left: -52px; top: -86px; width: 164px; height: 112px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://maps.gstatic.com/mapfiles/api-3/images/sv5.png" draggable="false" class="gm-fullscreen-control"></div><div draggable="false" style="-moz-user-select: none; height: 14px; line-height: 14px; position: absolute; right: 0px; bottom: 0px; display: none;" class="gm-style-cc"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><a target="_new" title="Signaler à Google une erreur dans la carte routiÚre ou les images" style="font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative; display: none;" href="https://www.google.com/maps/@44.68387,7.0642577,15z/data=!10m1!1e1!12b1?source=apiv3&rapsrc=apiv3">Signaler une erreur cartographique</a></div></div><div class="gmnoprint" style="margin: 10px; -moz-user-select: none; position: absolute; bottom: 107px; right: 28px; display: none;" draggable="false" controlwidth="28" controlheight="93"><div class="gmnoprint" style="position: absolute; left: 0px; top: 38px; display: none;" controlwidth="28" controlheight="55"><div draggable="false" style="-moz-user-select: none; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-radius: 2px; cursor: pointer; background-color: rgb(255, 255, 255); width: 28px; height: 55px;"><div title="Zoom avant" style="position: relative; width: 28px; height: 27px; left: 0px; top: 0px;"><div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;"><img style="position: absolute; left: 0px; top: 0px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl.png" draggable="false"></div></div><div style="position: relative; overflow: hidden; width: 67%; height: 1px; left: 16%; background-color: rgb(230, 230, 230); top: 0px;"></div><div title="Zoom arriÚre" style="position: relative; width: 28px; height: 27px; left: 0px; top: 0px;"><div style="overflow: hidden; position: absolute; width: 15px; height: 15px; left: 7px; top: 6px;"><img style="position: absolute; left: 0px; top: -15px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 120px; height: 54px;" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl.png" draggable="false"></div></div></div></div><div style="box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-radius: 2px; width: 28px; height: 28px; cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default; background-color: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px;" controlwidth="28" controlheight="28"><div style="position: absolute; left: 1px; top: 1px;"></div><div style="position: absolute; left: 1px; top: 1px;"><div style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px;" aria-label="ContrÎle de Pegman dans Street View"><img style="position: absolute; left: -147px; top: -26px; width: 215px; height: 835px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" draggable="false"></div><div style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;" aria-label="Pegman est au-dessus de la carte."><img style="position: absolute; left: -147px; top: -52px; width: 215px; height: 835px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" draggable="false"></div><div style="width: 26px; height: 26px; overflow: hidden; position: absolute; left: 0px; top: 0px; visibility: hidden;" aria-label="ContrÎle de Pegman dans Street View"><img style="position: absolute; left: -147px; top: -78px; width: 215px; height: 835px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="https://maps.gstatic.com/mapfiles/api-3/images/cb_scout5.png" draggable="false"></div></div></div><div class="gmnoprint" controlwidth="28" controlheight="0" style="display: none; position: absolute;"><div style="width: 28px; height: 28px; overflow: hidden; position: absolute; border-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); cursor: pointer; background-color: rgb(255, 255, 255); display: none;" title="Faire pivoter le plan à 90°"><img style="position: absolute; left: -141px; top: 6px; width: 170px; height: 54px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4.png" draggable="false"></div><div style="width: 28px; height: 28px; overflow: hidden; position: absolute; border-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); top: 0px; cursor: pointer; background-color: rgb(255, 255, 255);" class="gm-tilt"><img style="position: absolute; left: -141px; top: -13px; width: 170px; height: 54px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none;" src="https://maps.gstatic.com/mapfiles/api-3/images/tmapctrl4.png" draggable="false"></div></div></div><div class="gmnoprint" style="margin: 10px; z-index: 0; position: absolute; cursor: pointer; left: 0px; top: 0px; display: none;"><div style="float: left;" class="gm-style-mtc"><div style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(86, 86, 86); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-clip: padding-box; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); min-width: 20px;" draggable="false">IGN</div></div><div style="float: left;" class="gm-style-mtc"><div style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(0, 0, 0); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; background-clip: padding-box; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-left: 0px none; min-width: 26px; font-weight: 500;" draggable="false">OCM</div></div><div style="float: left;" class="gm-style-mtc"><div style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(86, 86, 86); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; background-clip: padding-box; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-left: 0px none; min-width: 22px;" draggable="false" title="Afficher un plan de ville">Plan</div><div style="background-color: white; z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); position: absolute; left: 78px; top: 30px; text-align: left; display: none;"><div style="color: rgb(0, 0, 0); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap;" draggable="false" title="Afficher le relief sur la carte"><span role="checkbox" style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-radius: 1px; width: 13px; height: 13px; vertical-align: middle;"><div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden; display: none;"><img style="position: absolute; left: -52px; top: -44px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;" src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false"></div></span><label style="vertical-align: middle; cursor: pointer;">Relief</label></div></div></div><div style="float: left;" class="gm-style-mtc"><div style="direction: ltr; overflow: hidden; text-align: center; position: relative; color: rgb(86, 86, 86); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 8px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; background-clip: padding-box; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); border-left: 0px none; min-width: 39px;" draggable="false" title="Afficher les images satellite">Satellite</div><div style="background-color: white; z-index: -1; padding: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); position: absolute; right: 0px; top: 30px; text-align: left; display: none;"><div style="color: rgb(0, 0, 0); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 6px 8px 6px 6px; direction: ltr; text-align: left; white-space: nowrap;" draggable="false" title="Afficher les images satellite avec le nom des rues"><span role="checkbox" style="box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-radius: 1px; width: 13px; height: 13px; vertical-align: middle;"><div style="position: absolute; left: 1px; top: -2px; width: 13px; height: 11px; overflow: hidden;"><img style="position: absolute; left: -52px; top: -44px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; max-width: none; width: 68px; height: 67px;" src="https://maps.gstatic.com/mapfiles/mv/imgs8.png" draggable="false"></div></span><label style="vertical-align: middle; cursor: pointer;">Légendes</label></div></div></div></div><div style="position: absolute; -moz-user-select: none; height: 14px; line-height: 14px; right: 113px; bottom: 0px;" draggable="false" class="gm-style-cc"><div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;"><div style="width: 1px;"></div><div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"></div></div><div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right; vertical-align: middle; display: inline-block;"><span>200 m </span><div style="position: relative; display: inline-block; height: 8px; bottom: -1px; width: 59px;"><div style="width: 100%; height: 4px; position: absolute; background-color: rgb(255, 255, 255); left: 0px; top: 0px;"></div><div style="width: 4px; height: 8px; left: 0px; top: 0px; background-color: rgb(255, 255, 255);"></div><div style="width: 4px; height: 8px; position: absolute; background-color: rgb(255, 255, 255); left: 0px; bottom: 0px;"></div><div style="position: absolute; background-color: rgb(102, 102, 102); height: 2px; left: 1px; bottom: 1px; right: 1px;"></div><div style="position: absolute; width: 2px; height: 6px; left: 1px; top: 1px; background-color: rgb(102, 102, 102);"></div><div style="width: 2px; height: 6px; position: absolute; background-color: rgb(102, 102, 102); bottom: 1px; right: 1px;"></div></div></div></div><div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;"><a style="position: static; overflow: visible; float: none; display: none;" target="_blank" href="https://www.google.com/maps?ll=44.68387,7.064258&z=15&hl=fr&gl=US&mapclient=apiv3" title="Cliquez ici pour afficher cette zone sur Google Maps"><div style="width: 66px; height: 26px; cursor: pointer;"><img style="position: absolute; left: 0px; top: 0px; width: 66px; height: 26px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;" src="https://maps.gstatic.com/mapfiles/api-3/images/google4.png" draggable="false"></div></a></div></div></div></div>
<br>
<input type="button" id="btnSave" value="Save PNG"/>