Mapa de Actores Pamamá v1.0

<!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.urbano {
				fill: #99d9f4;
			}

.nodos.ambiental {
				fill: #009fe3;
			}

.nodos.inclusion{
				fill: #0000ff;
			}

.nodos.academia{
				fill: #c6e18d;
			}

.nodos.financiacion{
				fill: #ffda47;
			}

.nodos.gobierno{
				fill: #ffa182;
			}

.nodos.ong{
				fill: #ff7ab8;
			}

.nodos.privado{
				fill: #ff0046;
			}

.nodos.gremios{
				fill: #ba0000;
			}

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

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

.tooltip {
  			position: absolute;
  			font-family: 'Poppins', sans-serif;
  			font-size: 13px;
				width: 350px;
  			height: 350px;
  			padding-left: 10px;
				padding-right: 10px;
  			z-index: 99;
			}

.tooltip_1 {
  			position: absolute;
  			font-family: 'Poppins', sans-serif;
				color: white;
  			font-size: 15px;
				text-align: center;
				width: 120px;
  			height: 30px;
  			z-index: 99;
			}

.tooltip_2 {
  			position: absolute;
  			font-family: 'Poppins', sans-serif;
				color: black;
  			font-size: 15px;
				text-align: center;
				width: 120px;
  			height: 30px;
  			z-index: 99;
			}

.tooltip_logo {
				position: absolute;
				width: 100px;
				height: 100px;
				z-index: 99;
			}

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

.convenciones{
				position: absolute;
				border: 2px solid #000000;
				z-index: 99;
			}
		</style>
	</head>
	<body>
		<div id="map" style="width: 1900px; height: 1080px"></div>
		<script src="panama_nodos_mapa23.js"></script>
	</body>
</html>

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

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