nodos_panama_14

<!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>

.nodos:hover{
				cursor: pointer;
			}

.nodos.urbano {
				fill: #6275CB;

}

.nodos.ambiental {
				fill: #62CBA8;

}

.nodos.inclusion{
				fill: #D6DE9C;

}

.nodos.actor{
				fill: #BB3E66;

}

.nodos.colaborador{
				fill: #E3B1AB;

}

.nodos.financiador{
				fill: #BF6240;

}

.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_mapa14.js"></script>
		<script src="jquery.js"></script>
	</body>
</html>

https://d3js.org/d3.v4.js

https://unpkg.com/leaflet@1.3.3/dist/leaflet.js