¿Hay algún objeto javascript que pueda usar para mostrar un mapa de EE. UU. donde el color de cada estado dependerá de la cantidad de ingresos generados por ese estado? Es como un gráfico que necesito agregar, pero el color de cada estado será diferente y también, si se desplazan, mostrará la cantidad de ese estado o dejará que ya esté allí en el mapa de contorno del estado.
Simplemente puede usar un SVG, un lenguaje de marcado que consiste en una descripción de la ruta, que se convierte en una imagen escalable en el navegador.
Hay toneladas de archivos svg de EE. UU. disponibles en línea, solo tendrá que elegir el que más le convenga (por ejemplo, este ). Al mirar el código del mapa que proporcioné, verá todas las rutas de estado, cada una con su propia identificación, por ejemplo:
<path inkscape:connector-curvature="0" id="ND" data-name="North Dakota" data-id="ND" d="m 556.50879,73.847349 -29.31306,0.582379 -20.48032,-0.09706 -17.56842,-0.388253 -20.57738,-0.776505 -1.0677,-0.09706 -0.0971,3.882525 -1.26182,23.683405 -1.55301,30.47782 -0.19413,3.88252 3.78546,0.19413 42.80484,1.16476 39.50469,-0.29119 16.40367,-0.48532 3.30014,-0.19412 -0.38825,-1.45595 -0.48531,-4.4649 -2.23246,-5.24141 -0.58238,-8.73568 -1.94126,-9.90044 -4.07665,-24.848163 -1.94126,-6.891482 -2.03833,0 z" style="stroke-width:0.97063118000000004;fill:#f9f9f9" /> Depende de usted crear su propia lógica de representación, ya sea agregando dinámicamente un atributo de fill a cada ruta con el color que desee, o diseñando cada uno usando css (apuntando a la id de la ruta)