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
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.
A voir également:

2 réponses

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
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.

0
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
OK voici le code:


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,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAL9klEQVR4nO3dbZCdZX3H8d8mMSSAPNgWEKTACNgiJpVhotVhiBQcqyhSsiilxZ1il0kwmMhms7vn3P8rw9iIAzalJgpo61RaR6CQamujlRb7wIAOWgZnxGprbaWUmWoHUSERkl9f9LjcezhYprPn+kP2+5k5r3J25psX93Xuh+u+LgkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyNQ9c61HForUNvc+gcz+g0j2ppdhuAIXORB35CX/N6HZDdB2CInnEAKLI36+ez+wAMkRtNOLTVoesdusWhO1z0RTeK7DYAAPBc4K5WO3T5wE9X52b3ARgSd3X2T71fUGQ3+q3sTgBD4K7WPIsB4D3ZnQCGwNKIG61zaPvAT6NJHhsCAAAAALCwuOh9Dn3Dofd6sw7N7gFQiTfr0L6nA99zo0lv1PLsNgAVuGjXgJeLHnJorcf1guw+AEPUe2T4dhd9c8B8gS/zqjGwAHi1lrjRuEMPzhkEujopuw1AJR7TMoeudNFXXbTD0kh2EwAAAAAAqM9btMihq1z0B57Rkdk9ACpy6E2tpwTbsnsAVORG72xNGPpodg+AitzoitYA8PvZPQAqcqOp1gBwdXYPgIp6NwB/sqwYy5EDC4lD17YGgInsHgAVObS9dQmwNrsHQEVu9Ou9AWCPG70iuwdAZZ7RCk/p+OwOAAAAAAAAAEPmaZ3i0JdctNPrdHB2D4CKXLSj9WbgDdk9ACpy6Py+BUTfkN0EoCKHbmnNDHzQG3RYdhOASnylftahh1tnAjdlNwGoyKHz+i4F3pLdBKAiF/1RaxDYmd0DoKLeRqP/6KI9Dl2U3QOgMksjXq8DsjsAPAd5Rkd6XAdmdwCozI3GZ9cRKLrToWl3dLq3aFF2G4Ahc9GtA7Yft0PfdeiT7ujV2Y0AhsQzOs2hex3a9wwDwSMe1eLsTgBD5Bkd6Ua/4dDHXfSfrQHg22xFDiwwbvQKN7rEHR2T3QLgOcRdvdWNJgZ+Qudl9wEYEofeNvBeQfvT6MLsTgBD4EZj/+cAEHpHdieAIfCoFjt0mYuuGfhpNM4cAgCzPKNT3Wjcm3RUdguAijypFzr0aO/S4DEXXedJHZ3dBaACb9BhLnq87x7Bboe2u6Njs/sADJkbndlbpbj/huEeh67O7gNQgUO/6qK7nzYQTOuU7DYAlTh0jov+vnc58C1P6KDsJgCVuasTvFHLszsAAAAApPGUTmQ/Q2ABcqP39G4M/rdDlzGlGFhAXLSz7xHhFz2j07K7AFTgGa1w6J/7BoG9LvqgN+vQ7D4AQ+YxLXNoi0O7+waC73hGL87uA1CBp3Sii3b1vUNwQXYXgIocusCh+1y0i6cDAADgf3lSL+ndM3hddguAylz0+dZ9gm0e1dLsJgCVOPRnfU8LvuyuTsruAlCBp3T4gEHgB250SXYbgErc6F0D5g5ck90FoBI3WumiB1rzBh7NbgJQkSd0kEPXO/SIQyW7BwAAPFc4dLmLrnOjM7JbAFTkjl7T937B1x3a5Akdkd0GYMh6LxntGbCh6Y9ddJsbvTa7EcAQudHLXfRhF31/wGYlT7irE7IbAQyZx3WgQ+9w6O/mLEDCTEJgYXFXL3Nos7t6Q3YLAAAAAACoy139okM3OjSa3QKgMhf9bW+OwJNsYQ4sMC66uTVR6OPZPQAqcker5kwQmtLx2U0AKnLojtZZwIeyewBU5K7Oap0FPO5NOiq7CUBFDt3TOgvYmt0DoCKH3twaAP40uwdAZQ41Ltrpaf1CdgsAAACAVG70Kodud6N3ZrcAqGzOU4Kuzs7uAVCRiz7Wmivwr16ng7ObAFTiCR3h0Hdbg8AHs5sAVOTQxa25AvvYcwBYYBz6dGsQ+IY3anl2E4BKPKmjHXqkNQhcnN0EoCKHfnN2o5GOTs/uAVCZp3UKm4sAAAAAC5IbrXTRAy76a2/Wodk9ACpyaHtrgtCO7B4AFbmrc1uPBZ/0jH4puwlARS7a1ToLuMvSSHYTgErc1Uku2jM7CDS6JLsJQEUObW1dCjzs9TokuwlAJZ7QQS76TussYCy7CUBFvdWF9zr0mButzO4BUJk7OsYTOiK7AwAAAMBQuNFr3egKd3RcdguAitzRMQ79uHfnf6+LPuPQmz2qxdltAIbMk3pJawBwax7Av7tRsNMwsJ9zV6t7U4H3DhgIHnFHx2Y3Ahgyd3WCi97n0MN9g8CvZLcB+H/wlI7vrQT8EY9q6bP6m3G9wI0udOh2F73fW7Ro2J0A5pmn9TMu+qfWlmBrspsAVOAxLXPoH1qn8Y95SidmdwEYMksjDt3Suo7f69D52V0AKnDo2r6beO/ObgJQgbv6tb5HeduymwBU4lCndfDfxh18YAHxBh3mohtc9AGPaVl2D4B55Ekd3Zu1dytLdgELjItubt3cuzS7B0AlbrTSoX2zAwDr9wMLh4s+1fr1vz27B0Al7mjVnIk9Mzo1uwlAJS76XOvX/xPZPQAq6e3e+9TefdM6ObsJwDxy6CKH3u31OuBp/zajU1sDwI0ZfQCGxKELWgd4Z+B3ujrbobXeqOW1+wAMSe/Nvftb23FNZTcBqMSh81t393/gjXpRdhOAShz6Suv0/+rsHgCV9Dbi/Mmv/488rZ/LbgJQiUP3tH79r83uAVCJpREX7Zldr29GR2Y3AajIjdY5dK9DF2e3AAAAAAAAAACA+fJsN+oEsB/xai1x6CqHdjv0Fd7uAxYIT+tkh740Z+eeRq/K7gIwZA5d5qIf9W3btcurtSS7DcCQeL0OcejTfZt17nboSksj2X0AhshF1/T96n/VM1qR3QWgAoeu7P3q73PRtkFr/gF4HvFGvcihNzn0Xof+xqH73dXrB35XGnFXb3SjV9buBDBP3NHpDv2hQ1+fsz3XU587sxsBDIG3aJGLvjfgoH9qp55GV2R3AhiC3sq9324d8HtcdLdDv+uu1nhGL85uBDBE7uhYhy51R6/hRh4AAACwoHhMy7gUABYoF93Zuxn4gLt6WXYPgIr6Hgl+36HzspsAVOKu3jrnzb7QPoeu8hYtym4DUIFntMJF/9I3IegzntQLs9sAVOApHe7QZ/sGgeuyuwBU4i1a5NDW1gDw/uwmAJW50RluNMZinwAAAAAAAAAA7K/c0XEuus1F2zyqxdk9ACpy0Y7WFOGLsnsAVOTQ5takoD/P7gFQkbs6Yc7agVM6PLsJQEUO3dO6DLg0uwdARW60oXUW8PnsHgAVeVJHu2hv7wzgSU/oiOwmABU59IXZs4BGZ2b3AKjIHa1y6H6HbuENQQAAAAAAAAAAAGC/4HEd6KJPOfSoG41l9wCoxKNa6qLPtaYD353dBKACr9YSF+2cs1lI6LezuwAMWW+TkD/uO/ib7C4AFTh0fd82YewSBCwE7ujVfQf/juwmAJV4Sse76PHewf8xSyPZTQAqclcvdVdnZXcAAAAAAIAcvaXC73LoL1kmHFhgXPQ7rYlBn8zuAVCRuzprzhyBrtZkNwGoyKGPtgaB/2KpcGAB8Xod4qJ/aw0Ct2U3AZhHntYpDm13o3cN/Peuzp5zKdDo7bUbAcwzb9JRLrrBoSdnD+6OVg38btGHWzcE/6p2K4B54gkd5FBx6Id9rwA/5o6OG/g363SwQ/e66AnWCQCep9zVGx16qO8NQDv0WTd6+U/9W2nE4zqwViuAedZ3Q88O3efQOdldACpw0a29A/9BNxrzFi3KbgJQiUe12I1e6fU6ILsFAADMF2/RInf1ek/pxOwWAJW1XuDZ66Kb3NVLs5sAVOKiP+l7xPeEQze6o2Oz2wAMmTs6xqG/GPCcf7dDv+eNWv6MfyuNeLWW1OwFMARu9MsO3fG0gaBRd+D3N+koh77loscdut2NLmTSD/A859DrXHRX60xg7cDvdbVmwFnDDx36hLt6i0e1tHY7gHniRme6q3Ofad1/r9chDn3haYPAU59veoMOm/1+R6tcdJ07Or3e/wLAUHlaJ7tROPS1AZcPZ8x+L/Rw7yzhIWYTAvshz2iFQ1sdus9FN7VvELroP1oDw8rMTgCVuejm1r2C9dk9ACpy6PLW5cGt2T3YP/0PFc205zUChTcAAAAASUVORK5CYII=" 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,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAALAklEQVR4nO3daaxdZRXG8ae3A9CCzIIGBcFEEKOCQRyItiBojECUXEUE0wjcxGq1lXJ7h7Pf9yqDAgpaEIwGFAOoEMABoqIGZ+MUjQMqIqhgJYEiEAWitI9fDtf3HDQxMV2LeP6/5H5t/l+6ss/e715bAgAA+K94Rs9x0bgntDi7BUAgT2ovFz3iKrvqix7XkuwmAEE8rf37//kf+7vey7UouwtAEBd1A0Og6CrPaSy7C0AQV50zdCVwqaUF2V0AgrjqwqEhcEZ2E4Aglha46tLmp8At2U0AAnlOY6660EW/d9FJ2T0AAAAAACCeZ7W3J7Q0uwNAMBe9s/904E7P6CnZPQACuei65vHgDdk9AAK508tdtKUZAidnNwEI5KoLmgHwoKe0T3YTgCBeq+1c9avmqPDNvC8AjBB3OsRV/5gfAp1OyW4CEMhVZzQ/BTZk9wAI5AktdtH5Lrras3padg8AAAAAAACAAF6nZS662EUX+3Ttmd0DIJA7vb15NHivi96Q3QQgiItWuGrz0Hrxq32adstuAxDAPS131R1DQ+Bu93RMdhuAAJ7UDi766NAQ2OKiI7LbAARxT69y0V3NOwNvzm4CEMhrtJOrznCnHt8bBAAAAEZa/x7Bra663Ku1TXYPgEAu+mrzpOBGj2tJdhOAIC5629Cjws97QouzuwAEcdW7hz5Hfj1PC4AR4qqzhobANZ7TWHYXgCCuOmfo58Bx2U0AArno/fPHhmf1ouweAMHc6eWe0fOzOwAAAAAAAAAAwNbgGT3fRZ2ntG92C4BAHtdCF93bPxB0p6e1e3YTgCCe05iLNjYnAm/iWDAwQvp7ArY0Q2AuuwlAIBe9p3k3YLOLjsxuAhCk/1OgXRhyjyf11OwuAEG8Tk921Z+aIXBGdhOAQJ7VYS56qP9hkaOzewAE8+na07PaO7sDwBOQpQXZDQASeFYvdNU9rvotNwmBETOwSqzozOweAIFcdGwzAG7P7gEQyONa4qL75ocAuwSB0eKqjzVXARuyewAEctGKZgDc7XEtzG4CEMRzGhs4MdjT4dlNAAINPA3o6ZjsHgCBvErbu+hMd1rDwSAAAABgpLnTQa660p1OyW4BEMxV32t2Clzr9doxuwlAEBddNvDp8arfeUYHZ3cBCNA/LrxhYAgUPeJOq7LbAARx0XEuun9oELw/uwtAEPe0n6t+3AyAP2Y3AQjk1drGRee76DYXnZzdAwAAAAAA4nlOY16tbbI7AATztHbt3xh8yJ3WZPcACOSeXj10RuAqT2hpdheAAF6r7Vz07aEh8DNP6ZnZbQACeFxLXHXJ0BC43z29JrsNQBB3Wumqh5sh8Kg7HZTdBSCIZ3Swq+5odg0eld0EIJCntaurznLRanYNAgAAAAAAACPAk9rBRee6aNpzGsvuARDIRd38Y8FOb8/uARDInSaaU4J/5l0BYIT014n9sbkKmMxuAhDIRac2VwGbvFpPym4CEMTLtchFtzXvCcxlNwEI5E4nNlcBD3idlmU3AQjiOY256Bf9K4AtntRTs5sABPK09nfRZe50YnYLAAAAAACI5zXayVXfcNEtrBEDRow7Hd88IrzT09o9uwlAEM/oKa7a1AyBm71ci7K7AARx0Stdtbk5LXh+dhOAQO40M/B9gU7HZzcBCGJpgauub4bA3zypvbK7AATxpHZw1a+abwscnt0EIJCntK+rrnXRuawRAwAAAABg9HhcC110g4seZMMwMGLc07MGzgkUvSe7CUAQj2uhq742MASqPsxXiIER4bXazkU3DA2BKz2hxdltAAJ4uRa56sqhnwOf5UoAGBGWFrjoooEhMKVnZncBCOROxUWPuuibvEIMjCCPa0l2AwAAAIBUlha404ksFQFGkDutbB4RnprdAyCQO53SDICNntDS7CYAQbxS27rorma/4FR2E4BALjq1OSj0F09p5+wmAEH6R4Z/0/wUeF92E4BALhpvBsBDfHUIGCH9dwZ+1NwLeGl2E4BA7nSgi25y0QfZMgwAAAAAwOjpHxa6zFU3elZ7Z/cACOSi45qDQt9ipRgwQtzTfi76e/OI8JTsJgCBXHVWc1DoPq/Tk7ObAATp3we4rV0xnt0EIJB7esXAduGejspuAhDIRVc0Q+DL2T0AAnlau7toY38AnJfdAyCY12oXdzqEx4EAAADAyPIa7eRZPS27A0AwT2kfF93vqs3utCq7B0AgFx3bPBrc7KLjspsABPGEFrvqO80QeNizOiy7C0AQT2tXF/164H2Bng7I7gIQxFPax1V/bq4E/uDTtWd2F4Ag7nSQix5srgTOzW4CEMg9HeWiR/oD4KTsHgDBvF5P94yem90BAAAAIJWntLM7HcqbhMCI8YSWuurO/hOCz/D5MWCEeFJ7DawUK7o4uwlAIFedNzAEOpXsJgBB+p8hv2JoCExkdwEI4gktdtGXmp8Cj7qn12R3AQjidVrmoh80VwLfz24CEMinaTdX/bx/FXBmdg+AYJ7QYq/X07M7AAAAAABAHM9pzD29zp1enN0CIJiL1jebhVdk9wAI5KL3NecCfunlWpTdBCCIT9eernqgOSL8ruwmAIHc6V3NVcADbBUGRoiXa5Grftm8J/DJ7CYAgVx0RDMAtnhGB2c3AQjkoqubewEnZPcACNT/1NgnXPUhr9Y22T0AAOCJwOu1o4um3enNXqXts3sABHLRR5obhX911eUuWsG6cWAEuOqCgb2C//q7w0VzXqtdshsBbCVeqW1dtHZ+o9Dj/76S3QgggDu9wFUXuuje5mfBd7O7AATyuJa4p9e56t3u6RnZPQAAAAAAIJ6ntK+LbnHRrS462zN6TnYTgCDuNPW4R4VFP3OnKc9q7+w+AFuRezrARRv/7ZmBoi2uujy7EcBW1P8o6dGu+pSr/va4QTCjPbIbAQTwKm3voje56kZXPeyqa7KbAADAE4U7rXLRgy66jgWlwIhx0S3NfYJ7XPTa7CYAQVy0uv+UoL1h+HFPaofsNgABXLTCVX943N6BTodmtwEI0F9BdsXQELiHDUTACHGn17tqU/8A0e3ZPQCCeUZ7uNNbPKm9slsAAAAAAEA8r9UuLvqui+5y1edcNO2eDufMADACXPTG/7CifHN/ffl5fOcQ+D/lGe3holv/wxB47EvHb8nuBLCVWFrgng5wp5WuusRVP3HRo/NXArN6WXYjgECe0FLP6iWe1rOzWwAAAAAAQDwXjbvqJ+40k90CINj8I8OiLT5Nu2X3AAjkqh/Onw+Y1WHZPQACuepKDggBI8pFc80pwfdm9wAI5E4nNAPg2uweAIHc6ZD2Q6XZPQAC9ReNPrZyfFN2D4BgLrqsPwQ+kN0CIAE7AgAAAAAAAIAR4U4HuejXrrqZl4OAEeOii5qTgd/xSm2b3QQgiIuO6K8Qf+x04Kf5+jAwQtzpHQNrxIvOzm4CEMhFG4aGwMnZTQCCeE5jrvpCMwD+7intk90FIIjXaZmrfjw/BGb03OwmAIF8mnZz0dnudEJ2CwAAAAAAAIAgLjrSVde46OjsFgDBXLSxfzbgr16vHbN7AAQa+JpQ0VuzewAEctHbmgHwo+weAIG8Rju56uHmk2LPy24CEMhFVzRXARuyewAEctGK5m3BTawVB0aIpQWu+t38EJjSvtlNAAK56EgX/dRVF2S3AAAAAAAAAAjiqnNc9HX39OrsFgCB3OnAgU3CVZd4QkuzuwAE8Dotc9HtQ+vEb3WnQ7PbAATwtHZ11TVDVwL/cNGcx7Xwf/33/wlI05aHTN2e1wAAAABJRU5ErkJggg==" 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"/>
0