HTML solo genera "rectángulos" (o elementos que css trata como rectángulos: ver "
modelo de cajas css /
css box model") y brinda la posibilidad de crear
mapas de imágenes, lo cual para tu caso puede estar bien, pero si quieres interactividad (
eventos sobre los elementos de tu gráfico)
<map> te va a resultar limitado (imagina
un mapa que al hacer hover sobre una provincia cambie de color).
SVG (demo) es por decirlo de un modo fácil: "etiquetas a las que puedes añadir eventos javascript", de hecho hay una librería popular llamada
raphael.js (inspecciona el código de los ejemplos). También existe
canvas, pero con svg puedes exportar un mapa dibujado en illustrator por ejemplo, y con canvas no se como se haría eso. Por lo pronto y mientras siga ignorando como trabajar con canvas, te recomiendo probar con svg cuando necesites tener eventos sobre areas poligonales. Aunque como dije, en tu caso con <map> lo puedes hacer, sin meterte en tanto lío.
Saludos.