casita_2

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

.nodos:hover{
				cursor: pointer;
			}

.nodos.actores {
				fill: #99d9f4;
			}

.nodos.iniciativa {
				fill: #f9831f;
				stroke: #f9831f;
				stroke-width: 3px;
			}

.nodos.iniciativa_juvenil {
				fill: #fff8b2;
				stroke: #f9831f;
				stroke-width: 3px;
			}

.nodos.acompañamiento{
				fill: #b2c6d3 ;
			}

.nodos.gestion{
				fill: #b9def9  ;
			}

.nodos.internacional{
				fill: #3881bf ;
			}

.nodos.investigacion{
				fill: #243f78  ;
			}

.nodos.judicializacion{
				fill: #202b3f ;
			}

.leaflet-pane {
    		z-index: 98;
			}

.text{
				font-family: 'Poppins', sans-serif;
				fill: black;
			}

.tooltip {
  			position: absolute;
  			background-color: #fafafa;
				font-family: 'Poppins', sans-serif;
  			font-size: 10px;
				width: 250px;
  			height: 250px;
  			padding-left: 10px;
				padding-right: 10px;
				padding-top: 10px;
  			z-index: 99;
				border-radius: 2px;
				box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
			}

.d3-tip {
				width: 250px;
  			height: 170px;
  			line-height: 1.4;
				font-family: 'Poppins', sans-serif;
				font-size: 10px;
				color: #000;
				padding: 7px;
  			background: rgba(255, 255, 255, 1);
  			border-radius: 10px;
				z-index: 99;
			}

/* Creates a small triangle extender for the tooltip */
			.d3-tip:after {
			  box-sizing: border-box;
			  display: inline;
			  font-size: 10px;
			  width: 100%;
			  line-height: 1;
			  color: rgba(255, 255, 255, 1);
			  position: absolute;
			  pointer-events: none;
			}

/* Westward tooltips */
			.d3-tip.w:after {
  			content: "\25B6";
  			margin: -4px 0 0 -1px;
  			top: 50%;
  			left: 100%;
			}

.convenciones{
				position: absolute;
				z-index: 99;
			}

br {
  			display: block;
				margin: 4px 0;
			}

html, body, #map {
            height: 100%;
            width: 100%;
        }
		</style>
	</head>
	<body>
		<div id="map" ></div>
		<script src="casita_proyectos_13.js"></script>
	</body>
</html>

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

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