une solution, debordement de map

[Roworll]

Je vois deux solutions.
Premier choix : utiliser la méthode "Fractal"
Deuxième choix : Tu génères ta carte dans un DIV. sans te préoccuper du dépassement.
Une fois que tu as ce DIV avec tes hexagones dedans, tu places le tout dans un autre DIV plus petit en overflow:hidden. Le DIV interne doit être positionné (relative ou absolute) par rapport à son conteneur de manière à faire disparaitre les bords

Exemple sur le dessin ci, dessous

Les hexagones sont tracés dans la zone délimitée en rouge mais en utilisant les DIVs, le repositionnement et l'overflow, tu ne fais apparaître que la zone encadrée en vert

Le code HTML sous jaçent ressemble à

Code :

<!-- définition du div avec le cadre vert sur l'exemple -->
<div style="position:relative;overflow:hidden;width:600px;height=600px">
    <!-- définition du div avec le cadre rouge sur l'exemple -->
    <div style="position:relative;top:-20px;left:-10px;">
        <!--affichage/positionnement des hexagones ici-->
        <img src="hex0012.png" style="...."/>
    </div>
</div>