D3 Examples - nodos_mapa

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
        <title>Mapa de Actores y Proyectos en Territorio</title>
        <script src="https://d3js.org/d3.v4.js"></script>
​
        <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
​
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css" />
        <script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"></script>
​
        <style type="text/css">
            .link {
                stroke: black;
                stroke-opacity: .5;
                stroke-width: 2;
                opacity: 0;
            }
​
            .nodos:hover{
                cursor: pointer;
            }
​
            .nodos.urbano {
                fill: #6275CB;
​
            }
​
            .nodos.ambiental {
                fill: #62CBA8;
​
            }
​
            .nodos.inclusion{
                fill: #D6DE9C;
​
            }
​
            .nodos.academia{
                fill: #C3614B;
​
            }
​
            .nodos.financiacion{
                fill: #D5A281;
​
            }
​
            .nodos.gobierno{
                fill: #C98B5E;
​
            }
​
            .nodos.ong{
                fill: #C65953;
​
            }
​
            .nodos.privado{
                fill: #D2B579;
​
            }
​
            .nodos.gremios{
                fill: #632121;
​
            }
​
            .leaflet-pane {
                z-index: 98;
            }
​
            .tooltip {
                position: absolute;
                background-color: #fafafa;
                font-family: 'Varela Round', sans-serif;
                font-size: 10px;
                width: 300px;
                height: 200px;
                padding-left: 10px;
                z-index: 99;
            }
​
            br {
                display: block;
                margin: 5px 0;
            }
​
            .convenciones{
                position: absolute;
                z-index: 99;
            }
​
        </style>
    </head>
    <body>
        <div id="map" style="width: 1280px; height: 940px"></div>
        <script src="panama_nodos_mapa15.js"></script>
        <script src="jquery.js"></script>
    </body>
</html>
​
    