본문 바로가기
javascript

Mapas con 자바스크립트

by it-square 2021. 12. 29.
반응형

프로텍토 연습생이야.

두란테 엘 데사롤로 데 운 프로이펙토, 아파레시오 아이디어 데 Utilizar und mapa interactivo de Oaxaca con la intincion de visualizar los datos datos sistarrollo a nivel de nivel de munios. 아 케 엘 프로에코 세 데사롤란도 엔 리액트 Js, 세 레케리아 케 엘 마파 푸아 양립 콘 엠바고, 신 엠바고, 포르 라존 데 티엠포 이 에스푸에르조, 엘 콘셉토 세 파라 엘 에예코.

우노 쿠안토스 메세스 데스포에스, 데시디 레토마르 라 아이디어 프로이펙토 개인; in mapa se visualizarian los datos recolitados 델 코비드-19 in Oaxacacacaca.

En lo primero en lo que trabaje, fue en la manera en la pudiera dibujar un mapa de JavaScript/RactJs, y el menos siletas de los munityios de una una una quenta cuenta cuenta 570, quéa, una, una, una, una una, una, una, una, una, una, un 나는 데스쿠브리 로스 포맷토스 인포마세나 라 인포마시온 지오그라피카에 있습니다.

쉐파일

 

TopoJ, GeoJSON, TopoJ, Informacion Geográpica 이야기, 아르키보스 데 파라 알마세나르 다토스 데 인포마시온 지오그라피카 이야기아들 이 섀필.

SIG(los sistemas de informacion Geograpica)에서 인기 있는 SIG(Shapefile reactionmente es el formato de datos vectorial más), se compone de tres a ocho archivos independentes. 카다 우노 데 에스토스 알마세나 운 티포 데 인포마시온 특정 데스 로스 원소 지메트리코스 하스타 로스 지오그라피코스, 파산도 포르 다토스 데 프로예치온, 메타다토스 등.

Los principales archivos que 구성 요소:

모양(.shp) 알마세나 los datos germetricos del mapa como un conjunto de vértices. 실제, cada shapefile solo tener un tipo de emlementos (puntos, Lyneas, arreas y multipundos), y dependiendo deto de shapefile, tambien es posible almacen dato comos como comato altura (PointZ) o o o o o o o o o o o o o o o o o o o o o o o o

 

dBase(.dbf). en los shapefile, es posible asignar datos numéricos, de texto o de fecha a las entrides germetricas (atributos), es informacion se almacena ena tabla ana en a formato dBase.

쉐이프 인덱스(.shx). Relaciona el Numero de Formas (datos germetricos) con el numero de registros de la tabla dBase (atributos).

El archivo shax al macena los primeros bytes del seguido de la posicion del registerro del archivo (누메로 델 레기스토) y el valor desplazamiento al byte inicial de es ese registroento el ine elo eliento el el el el el el el el el eliento el s 포르 로 케, 엘 샥스 빈큘라 엘 누메로 드 레지스트로, 포르 데스플라자미엔토 콘 우나 인트로이다드 레크노, 알 이니시오 델 레지스트로.

si se aplica una operacion de ordenamiento en una tabla dBase y se con los datos ordes, al hacer la visualacion de los datos datos, los atributos atus se aplicaran aplicaran aformas는 la는 la as가 다른 형태이다.

 

샤필레 콘 로스 지방 자치체 데 오아하카

아호라 케 엔 멘테 로스 포맷토스 엠플레아리아 파라 옵테너 로스 다토스 케 페라 엘 프로예코, 나는 라 타리아 데 버스카 무식한 콘투비에라 우니카멘테 로스 에스타도 데 오아하카. 데스쿠노스 디아스 데스쿠브리르 시티오 웹 콘테니아 라스 실루에타스 데 로스 시니시오스, 아데마스 델 솜브레 이 엘 이드 프로비스토 포르 엘 이네지아(국립교육원)

애니차트

 

엔트레 라스 리브레리아스 케 에란 카피카, 나는 데칸테 포르 안차트 야 케 에라 우틸리자르 아데마스 데 노 레퀘리르 드 파고. el caso pecific de Esta libreriia no utiliza direct un formato GeoJSON, por lo quemarte me di a la tarea de hecer la calcer la copsion, mapshaper.org y postmente las "GI_Mun" E" QU" QU" MU" Munine QU_muninenal se pued visualizar en el siguiente enclace.

Con los datos listos para ser visualizados, parti de un proyecto de muestra de la libria, in concreto de ese ejemplo https://playground.anychart.com/gallery/src/Maps_in_Dashboard/States_of_United_States_Dashboard_with_MultiSelect

다토스 COVID-19

아호라, 오아하카 조직도 포르 시니시오스 데 로스 카소스 데 COVID-19 레지스트라도스입니다 자바스크립트의 데스쿠브리 퀘 엘 시티오 datamexico.org, 자바스크립트 상의 데스쿠브리 큐 엘 시티오 datamexico.org, 라 포시빌리다드 데 퍼스널리자 로스 결과 콘파라메트로스 콘파라메트로스 콘파라메트로스, 포르 로 레그 로 라 푸엔테 데 다토스 알 프로엑토.

'https://datamexico.org/api/data.jsonrecords?cube=gobmx_covid_stats_mun&drilldowns=Municipality&measures=Accum+Cases,Daily+Cases,AVG+7+Days+Accum+Cases,AVG+7+Days+Daily+Cases,Rate+Daily+Cases,Rate+Accum+Cases,Days+from+50+Cases&s=Daily%20New%20Cases&r=rollingMeanOption&locale=es&time=time.latest&State=20',
 

라 리브레리아 애니차트, 파라 재라시오나르 로스 다토스 델 아르키보 GeoJSON con los compidos providos por la API requiere la un campo id in an ambos; 죄 금수, si es pos pos decon decon decon mapa se meuto seo el meto lizara lizo lizo geo lizo lizo id) como id. 엔 누에스트로카소, 엘 캄포 Utilizado como ID será el CVEGEO.

mapSeries.geoIdField('CVEGEO');

포니엔도 토도 준토

엔 엘 인스턴트 케 세 카르가 라 파기나 엔 엘 나베가도르; 세카르간 로스 다토스 델 API, 세 프레로세산 파라 아그레가 엘 이 세 세틴 엔 라 리브레리아.

 

사후 관리 카르간 대시보드 y se dibuja el mapa 드로 맵().

Dentro de la funcion drawMap(), se coloca entre otra cosas el tittulo del mapa, ademas de designarse el mapa.

준토 콘 엘 메토도 청취(), el cual estará a la escucha de los clics del mouse dentro del dotarlo de interactividad, por o he extra lid el id de ara arrea area o o geogra ficas o o o datos datos datos dato dato dato dato dato dato des datos api) dato dato dato d

Josue Acevedo Maldonado는 소프트웨어 엔지니어이며 현재 컨설턴트로 일하고 있습니다.

LinkedIn에서 연결합니다.

 

공동체의 일원이 되어주셔서 감사합니다!
엔삼블라도 X86이라는 책 외에도 유튜브, 트위터, 트위치, 스포티파이 등 채널에서 관련 콘텐츠를 찾아볼 수 있다.

마지막으로 이 글을 재미있게 보시고 가치 있는 것을 배웠다고 느끼신다면 다른 사람들도 배울 수 있도록 공유 부탁드립니다.

읽어주셔서 감사합니다!

퓨엔테스:

댓글