vue-map-cuba

Proyecto demostrativo para utilizar el mapa SVG de Cuba y sus provincias con datos. Según los valores será la intensidad del color de relleno de la provincia.

El mapa fue tomado de https://simplemaps.com/resources/svg-maps donde se puede realizar una edición personalizada de los datos y atributos del mismo.

Juego de Datos utilizados

provinces: {
        // Población de Cuba 2008
        CUB99: 11242628, // Cuba
        CUB1319: 403574, // Cienfuegos
        CUB1320: 86110, // Isla de la Juventud
        CUB1321: 730236, // Pinar del Río
        CUB1322: 465019, // Sancti Spíritus
        CUB1363: 422354, // Ciego de Ávila
        CUB1364: 781605, // Camaguey
        CUB1365: 510863, // Guantánamo
        CUB1366: 834616, // Granma
        CUB1367: 1036885, // Holguín
        CUB1368: 534279, // Las Tunas
        CUB1369: 1044848, // Santiago de Cuba
        CUB1428: 2148132, // La Habana
        CUB1429: 498987, // Artemisa
        CUB1430: 687600, // Matanzas
        CUB1431: 806144, // Villa Clara
        CUB5489: 381342 // Mayabeque
      }

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Artículo Original

https://dev.to/lucafaggianelli/interactive-svg-js-map-2ind