├── .gitignore
├── .vscode
└── settings.json
├── LICENSE
├── README.md
├── data
├── ENTIDADES_clean.csv
├── cordoba.csv
├── cordoba.ods
└── cordoba_json.csv
├── docs
├── asset-manifest.json
├── favicon.ico
├── index.html
├── logo192.png
├── logo512.png
├── manifest.json
├── precache-manifest.3d74826453564702e981f7f19587b11f.js
├── robots.txt
├── service-worker.js
└── static
│ ├── css
│ ├── 2.3e8bdaa6.chunk.css
│ ├── 2.3e8bdaa6.chunk.css.map
│ ├── main.43ffc120.chunk.css
│ └── main.43ffc120.chunk.css.map
│ └── js
│ ├── 2.248a5a43.chunk.js
│ ├── 2.248a5a43.chunk.js.LICENSE.txt
│ ├── 2.248a5a43.chunk.js.map
│ ├── main.48a42970.chunk.js
│ ├── main.48a42970.chunk.js.map
│ ├── runtime-main.d612b181.js
│ └── runtime-main.d612b181.js.map
├── geoapp
├── .gitignore
├── README.md
├── package-lock.json
├── package.json
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
└── src
│ ├── App.css
│ ├── App.js
│ ├── components
│ ├── MapLayer
│ │ └── MapLayer.js
│ ├── MapView
│ │ └── MapView.js
│ ├── SelectList
│ │ ├── SelectList.js
│ │ └── data
│ │ │ └── municipalities.json
│ └── TableList
│ │ └── TableList.js
│ ├── index.css
│ ├── index.js
│ └── services
│ └── serviceWFSDera.js
├── img
├── 03_add_codeine.png
├── 03_icon_lealfet.png
├── 03_popup.png
├── 03_popup_mapa.png
├── 03_sprint3.gif
├── 03_trello.png
├── 04_button.png
├── 04_sprint4.gif
├── 04_trello.png
├── change_task.gif
├── portada.xcf
├── react.png
├── react_snippet.gif
├── selectList_button_clic.png
└── trello_2sprint.png
├── resources.md
└── sprint.md
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /geoapp/node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /geoapp/build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
25 | .vscode/
26 | settings.json
27 |
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | "files.associations": {
2 | // "**/components/*-component.js": "javascriptreact"
3 | "*.js": "javascriptreact"
4 | }
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | GNU GENERAL PUBLIC LICENSE
2 | Version 3, 29 June 2007
3 |
4 | Copyright (C) 2007 Free Software Foundation, Inc.
5 | Everyone is permitted to copy and distribute verbatim copies
6 | of this license document, but changing it is not allowed.
7 |
8 | Preamble
9 |
10 | The GNU General Public License is a free, copyleft license for
11 | software and other kinds of works.
12 |
13 | The licenses for most software and other practical works are designed
14 | to take away your freedom to share and change the works. By contrast,
15 | the GNU General Public License is intended to guarantee your freedom to
16 | share and change all versions of a program--to make sure it remains free
17 | software for all its users. We, the Free Software Foundation, use the
18 | GNU General Public License for most of our software; it applies also to
19 | any other work released this way by its authors. You can apply it to
20 | your programs, too.
21 |
22 | When we speak of free software, we are referring to freedom, not
23 | price. Our General Public Licenses are designed to make sure that you
24 | have the freedom to distribute copies of free software (and charge for
25 | them if you wish), that you receive source code or can get it if you
26 | want it, that you can change the software or use pieces of it in new
27 | free programs, and that you know you can do these things.
28 |
29 | To protect your rights, we need to prevent others from denying you
30 | these rights or asking you to surrender the rights. Therefore, you have
31 | certain responsibilities if you distribute copies of the software, or if
32 | you modify it: responsibilities to respect the freedom of others.
33 |
34 | For example, if you distribute copies of such a program, whether
35 | gratis or for a fee, you must pass on to the recipients the same
36 | freedoms that you received. You must make sure that they, too, receive
37 | or can get the source code. And you must show them these terms so they
38 | know their rights.
39 |
40 | Developers that use the GNU GPL protect your rights with two steps:
41 | (1) assert copyright on the software, and (2) offer you this License
42 | giving you legal permission to copy, distribute and/or modify it.
43 |
44 | For the developers' and authors' protection, the GPL clearly explains
45 | that there is no warranty for this free software. For both users' and
46 | authors' sake, the GPL requires that modified versions be marked as
47 | changed, so that their problems will not be attributed erroneously to
48 | authors of previous versions.
49 |
50 | Some devices are designed to deny users access to install or run
51 | modified versions of the software inside them, although the manufacturer
52 | can do so. This is fundamentally incompatible with the aim of
53 | protecting users' freedom to change the software. The systematic
54 | pattern of such abuse occurs in the area of products for individuals to
55 | use, which is precisely where it is most unacceptable. Therefore, we
56 | have designed this version of the GPL to prohibit the practice for those
57 | products. If such problems arise substantially in other domains, we
58 | stand ready to extend this provision to those domains in future versions
59 | of the GPL, as needed to protect the freedom of users.
60 |
61 | Finally, every program is threatened constantly by software patents.
62 | States should not allow patents to restrict development and use of
63 | software on general-purpose computers, but in those that do, we wish to
64 | avoid the special danger that patents applied to a free program could
65 | make it effectively proprietary. To prevent this, the GPL assures that
66 | patents cannot be used to render the program non-free.
67 |
68 | The precise terms and conditions for copying, distribution and
69 | modification follow.
70 |
71 | TERMS AND CONDITIONS
72 |
73 | 0. Definitions.
74 |
75 | "This License" refers to version 3 of the GNU General Public License.
76 |
77 | "Copyright" also means copyright-like laws that apply to other kinds of
78 | works, such as semiconductor masks.
79 |
80 | "The Program" refers to any copyrightable work licensed under this
81 | License. Each licensee is addressed as "you". "Licensees" and
82 | "recipients" may be individuals or organizations.
83 |
84 | To "modify" a work means to copy from or adapt all or part of the work
85 | in a fashion requiring copyright permission, other than the making of an
86 | exact copy. The resulting work is called a "modified version" of the
87 | earlier work or a work "based on" the earlier work.
88 |
89 | A "covered work" means either the unmodified Program or a work based
90 | on the Program.
91 |
92 | To "propagate" a work means to do anything with it that, without
93 | permission, would make you directly or secondarily liable for
94 | infringement under applicable copyright law, except executing it on a
95 | computer or modifying a private copy. Propagation includes copying,
96 | distribution (with or without modification), making available to the
97 | public, and in some countries other activities as well.
98 |
99 | To "convey" a work means any kind of propagation that enables other
100 | parties to make or receive copies. Mere interaction with a user through
101 | a computer network, with no transfer of a copy, is not conveying.
102 |
103 | An interactive user interface displays "Appropriate Legal Notices"
104 | to the extent that it includes a convenient and prominently visible
105 | feature that (1) displays an appropriate copyright notice, and (2)
106 | tells the user that there is no warranty for the work (except to the
107 | extent that warranties are provided), that licensees may convey the
108 | work under this License, and how to view a copy of this License. If
109 | the interface presents a list of user commands or options, such as a
110 | menu, a prominent item in the list meets this criterion.
111 |
112 | 1. Source Code.
113 |
114 | The "source code" for a work means the preferred form of the work
115 | for making modifications to it. "Object code" means any non-source
116 | form of a work.
117 |
118 | A "Standard Interface" means an interface that either is an official
119 | standard defined by a recognized standards body, or, in the case of
120 | interfaces specified for a particular programming language, one that
121 | is widely used among developers working in that language.
122 |
123 | The "System Libraries" of an executable work include anything, other
124 | than the work as a whole, that (a) is included in the normal form of
125 | packaging a Major Component, but which is not part of that Major
126 | Component, and (b) serves only to enable use of the work with that
127 | Major Component, or to implement a Standard Interface for which an
128 | implementation is available to the public in source code form. A
129 | "Major Component", in this context, means a major essential component
130 | (kernel, window system, and so on) of the specific operating system
131 | (if any) on which the executable work runs, or a compiler used to
132 | produce the work, or an object code interpreter used to run it.
133 |
134 | The "Corresponding Source" for a work in object code form means all
135 | the source code needed to generate, install, and (for an executable
136 | work) run the object code and to modify the work, including scripts to
137 | control those activities. However, it does not include the work's
138 | System Libraries, or general-purpose tools or generally available free
139 | programs which are used unmodified in performing those activities but
140 | which are not part of the work. For example, Corresponding Source
141 | includes interface definition files associated with source files for
142 | the work, and the source code for shared libraries and dynamically
143 | linked subprograms that the work is specifically designed to require,
144 | such as by intimate data communication or control flow between those
145 | subprograms and other parts of the work.
146 |
147 | The Corresponding Source need not include anything that users
148 | can regenerate automatically from other parts of the Corresponding
149 | Source.
150 |
151 | The Corresponding Source for a work in source code form is that
152 | same work.
153 |
154 | 2. Basic Permissions.
155 |
156 | All rights granted under this License are granted for the term of
157 | copyright on the Program, and are irrevocable provided the stated
158 | conditions are met. This License explicitly affirms your unlimited
159 | permission to run the unmodified Program. The output from running a
160 | covered work is covered by this License only if the output, given its
161 | content, constitutes a covered work. This License acknowledges your
162 | rights of fair use or other equivalent, as provided by copyright law.
163 |
164 | You may make, run and propagate covered works that you do not
165 | convey, without conditions so long as your license otherwise remains
166 | in force. You may convey covered works to others for the sole purpose
167 | of having them make modifications exclusively for you, or provide you
168 | with facilities for running those works, provided that you comply with
169 | the terms of this License in conveying all material for which you do
170 | not control copyright. Those thus making or running the covered works
171 | for you must do so exclusively on your behalf, under your direction
172 | and control, on terms that prohibit them from making any copies of
173 | your copyrighted material outside their relationship with you.
174 |
175 | Conveying under any other circumstances is permitted solely under
176 | the conditions stated below. Sublicensing is not allowed; section 10
177 | makes it unnecessary.
178 |
179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law.
180 |
181 | No covered work shall be deemed part of an effective technological
182 | measure under any applicable law fulfilling obligations under article
183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or
184 | similar laws prohibiting or restricting circumvention of such
185 | measures.
186 |
187 | When you convey a covered work, you waive any legal power to forbid
188 | circumvention of technological measures to the extent such circumvention
189 | is effected by exercising rights under this License with respect to
190 | the covered work, and you disclaim any intention to limit operation or
191 | modification of the work as a means of enforcing, against the work's
192 | users, your or third parties' legal rights to forbid circumvention of
193 | technological measures.
194 |
195 | 4. Conveying Verbatim Copies.
196 |
197 | You may convey verbatim copies of the Program's source code as you
198 | receive it, in any medium, provided that you conspicuously and
199 | appropriately publish on each copy an appropriate copyright notice;
200 | keep intact all notices stating that this License and any
201 | non-permissive terms added in accord with section 7 apply to the code;
202 | keep intact all notices of the absence of any warranty; and give all
203 | recipients a copy of this License along with the Program.
204 |
205 | You may charge any price or no price for each copy that you convey,
206 | and you may offer support or warranty protection for a fee.
207 |
208 | 5. Conveying Modified Source Versions.
209 |
210 | You may convey a work based on the Program, or the modifications to
211 | produce it from the Program, in the form of source code under the
212 | terms of section 4, provided that you also meet all of these conditions:
213 |
214 | a) The work must carry prominent notices stating that you modified
215 | it, and giving a relevant date.
216 |
217 | b) The work must carry prominent notices stating that it is
218 | released under this License and any conditions added under section
219 | 7. This requirement modifies the requirement in section 4 to
220 | "keep intact all notices".
221 |
222 | c) You must license the entire work, as a whole, under this
223 | License to anyone who comes into possession of a copy. This
224 | License will therefore apply, along with any applicable section 7
225 | additional terms, to the whole of the work, and all its parts,
226 | regardless of how they are packaged. This License gives no
227 | permission to license the work in any other way, but it does not
228 | invalidate such permission if you have separately received it.
229 |
230 | d) If the work has interactive user interfaces, each must display
231 | Appropriate Legal Notices; however, if the Program has interactive
232 | interfaces that do not display Appropriate Legal Notices, your
233 | work need not make them do so.
234 |
235 | A compilation of a covered work with other separate and independent
236 | works, which are not by their nature extensions of the covered work,
237 | and which are not combined with it such as to form a larger program,
238 | in or on a volume of a storage or distribution medium, is called an
239 | "aggregate" if the compilation and its resulting copyright are not
240 | used to limit the access or legal rights of the compilation's users
241 | beyond what the individual works permit. Inclusion of a covered work
242 | in an aggregate does not cause this License to apply to the other
243 | parts of the aggregate.
244 |
245 | 6. Conveying Non-Source Forms.
246 |
247 | You may convey a covered work in object code form under the terms
248 | of sections 4 and 5, provided that you also convey the
249 | machine-readable Corresponding Source under the terms of this License,
250 | in one of these ways:
251 |
252 | a) Convey the object code in, or embodied in, a physical product
253 | (including a physical distribution medium), accompanied by the
254 | Corresponding Source fixed on a durable physical medium
255 | customarily used for software interchange.
256 |
257 | b) Convey the object code in, or embodied in, a physical product
258 | (including a physical distribution medium), accompanied by a
259 | written offer, valid for at least three years and valid for as
260 | long as you offer spare parts or customer support for that product
261 | model, to give anyone who possesses the object code either (1) a
262 | copy of the Corresponding Source for all the software in the
263 | product that is covered by this License, on a durable physical
264 | medium customarily used for software interchange, for a price no
265 | more than your reasonable cost of physically performing this
266 | conveying of source, or (2) access to copy the
267 | Corresponding Source from a network server at no charge.
268 |
269 | c) Convey individual copies of the object code with a copy of the
270 | written offer to provide the Corresponding Source. This
271 | alternative is allowed only occasionally and noncommercially, and
272 | only if you received the object code with such an offer, in accord
273 | with subsection 6b.
274 |
275 | d) Convey the object code by offering access from a designated
276 | place (gratis or for a charge), and offer equivalent access to the
277 | Corresponding Source in the same way through the same place at no
278 | further charge. You need not require recipients to copy the
279 | Corresponding Source along with the object code. If the place to
280 | copy the object code is a network server, the Corresponding Source
281 | may be on a different server (operated by you or a third party)
282 | that supports equivalent copying facilities, provided you maintain
283 | clear directions next to the object code saying where to find the
284 | Corresponding Source. Regardless of what server hosts the
285 | Corresponding Source, you remain obligated to ensure that it is
286 | available for as long as needed to satisfy these requirements.
287 |
288 | e) Convey the object code using peer-to-peer transmission, provided
289 | you inform other peers where the object code and Corresponding
290 | Source of the work are being offered to the general public at no
291 | charge under subsection 6d.
292 |
293 | A separable portion of the object code, whose source code is excluded
294 | from the Corresponding Source as a System Library, need not be
295 | included in conveying the object code work.
296 |
297 | A "User Product" is either (1) a "consumer product", which means any
298 | tangible personal property which is normally used for personal, family,
299 | or household purposes, or (2) anything designed or sold for incorporation
300 | into a dwelling. In determining whether a product is a consumer product,
301 | doubtful cases shall be resolved in favor of coverage. For a particular
302 | product received by a particular user, "normally used" refers to a
303 | typical or common use of that class of product, regardless of the status
304 | of the particular user or of the way in which the particular user
305 | actually uses, or expects or is expected to use, the product. A product
306 | is a consumer product regardless of whether the product has substantial
307 | commercial, industrial or non-consumer uses, unless such uses represent
308 | the only significant mode of use of the product.
309 |
310 | "Installation Information" for a User Product means any methods,
311 | procedures, authorization keys, or other information required to install
312 | and execute modified versions of a covered work in that User Product from
313 | a modified version of its Corresponding Source. The information must
314 | suffice to ensure that the continued functioning of the modified object
315 | code is in no case prevented or interfered with solely because
316 | modification has been made.
317 |
318 | If you convey an object code work under this section in, or with, or
319 | specifically for use in, a User Product, and the conveying occurs as
320 | part of a transaction in which the right of possession and use of the
321 | User Product is transferred to the recipient in perpetuity or for a
322 | fixed term (regardless of how the transaction is characterized), the
323 | Corresponding Source conveyed under this section must be accompanied
324 | by the Installation Information. But this requirement does not apply
325 | if neither you nor any third party retains the ability to install
326 | modified object code on the User Product (for example, the work has
327 | been installed in ROM).
328 |
329 | The requirement to provide Installation Information does not include a
330 | requirement to continue to provide support service, warranty, or updates
331 | for a work that has been modified or installed by the recipient, or for
332 | the User Product in which it has been modified or installed. Access to a
333 | network may be denied when the modification itself materially and
334 | adversely affects the operation of the network or violates the rules and
335 | protocols for communication across the network.
336 |
337 | Corresponding Source conveyed, and Installation Information provided,
338 | in accord with this section must be in a format that is publicly
339 | documented (and with an implementation available to the public in
340 | source code form), and must require no special password or key for
341 | unpacking, reading or copying.
342 |
343 | 7. Additional Terms.
344 |
345 | "Additional permissions" are terms that supplement the terms of this
346 | License by making exceptions from one or more of its conditions.
347 | Additional permissions that are applicable to the entire Program shall
348 | be treated as though they were included in this License, to the extent
349 | that they are valid under applicable law. If additional permissions
350 | apply only to part of the Program, that part may be used separately
351 | under those permissions, but the entire Program remains governed by
352 | this License without regard to the additional permissions.
353 |
354 | When you convey a copy of a covered work, you may at your option
355 | remove any additional permissions from that copy, or from any part of
356 | it. (Additional permissions may be written to require their own
357 | removal in certain cases when you modify the work.) You may place
358 | additional permissions on material, added by you to a covered work,
359 | for which you have or can give appropriate copyright permission.
360 |
361 | Notwithstanding any other provision of this License, for material you
362 | add to a covered work, you may (if authorized by the copyright holders of
363 | that material) supplement the terms of this License with terms:
364 |
365 | a) Disclaiming warranty or limiting liability differently from the
366 | terms of sections 15 and 16 of this License; or
367 |
368 | b) Requiring preservation of specified reasonable legal notices or
369 | author attributions in that material or in the Appropriate Legal
370 | Notices displayed by works containing it; or
371 |
372 | c) Prohibiting misrepresentation of the origin of that material, or
373 | requiring that modified versions of such material be marked in
374 | reasonable ways as different from the original version; or
375 |
376 | d) Limiting the use for publicity purposes of names of licensors or
377 | authors of the material; or
378 |
379 | e) Declining to grant rights under trademark law for use of some
380 | trade names, trademarks, or service marks; or
381 |
382 | f) Requiring indemnification of licensors and authors of that
383 | material by anyone who conveys the material (or modified versions of
384 | it) with contractual assumptions of liability to the recipient, for
385 | any liability that these contractual assumptions directly impose on
386 | those licensors and authors.
387 |
388 | All other non-permissive additional terms are considered "further
389 | restrictions" within the meaning of section 10. If the Program as you
390 | received it, or any part of it, contains a notice stating that it is
391 | governed by this License along with a term that is a further
392 | restriction, you may remove that term. If a license document contains
393 | a further restriction but permits relicensing or conveying under this
394 | License, you may add to a covered work material governed by the terms
395 | of that license document, provided that the further restriction does
396 | not survive such relicensing or conveying.
397 |
398 | If you add terms to a covered work in accord with this section, you
399 | must place, in the relevant source files, a statement of the
400 | additional terms that apply to those files, or a notice indicating
401 | where to find the applicable terms.
402 |
403 | Additional terms, permissive or non-permissive, may be stated in the
404 | form of a separately written license, or stated as exceptions;
405 | the above requirements apply either way.
406 |
407 | 8. Termination.
408 |
409 | You may not propagate or modify a covered work except as expressly
410 | provided under this License. Any attempt otherwise to propagate or
411 | modify it is void, and will automatically terminate your rights under
412 | this License (including any patent licenses granted under the third
413 | paragraph of section 11).
414 |
415 | However, if you cease all violation of this License, then your
416 | license from a particular copyright holder is reinstated (a)
417 | provisionally, unless and until the copyright holder explicitly and
418 | finally terminates your license, and (b) permanently, if the copyright
419 | holder fails to notify you of the violation by some reasonable means
420 | prior to 60 days after the cessation.
421 |
422 | Moreover, your license from a particular copyright holder is
423 | reinstated permanently if the copyright holder notifies you of the
424 | violation by some reasonable means, this is the first time you have
425 | received notice of violation of this License (for any work) from that
426 | copyright holder, and you cure the violation prior to 30 days after
427 | your receipt of the notice.
428 |
429 | Termination of your rights under this section does not terminate the
430 | licenses of parties who have received copies or rights from you under
431 | this License. If your rights have been terminated and not permanently
432 | reinstated, you do not qualify to receive new licenses for the same
433 | material under section 10.
434 |
435 | 9. Acceptance Not Required for Having Copies.
436 |
437 | You are not required to accept this License in order to receive or
438 | run a copy of the Program. Ancillary propagation of a covered work
439 | occurring solely as a consequence of using peer-to-peer transmission
440 | to receive a copy likewise does not require acceptance. However,
441 | nothing other than this License grants you permission to propagate or
442 | modify any covered work. These actions infringe copyright if you do
443 | not accept this License. Therefore, by modifying or propagating a
444 | covered work, you indicate your acceptance of this License to do so.
445 |
446 | 10. Automatic Licensing of Downstream Recipients.
447 |
448 | Each time you convey a covered work, the recipient automatically
449 | receives a license from the original licensors, to run, modify and
450 | propagate that work, subject to this License. You are not responsible
451 | for enforcing compliance by third parties with this License.
452 |
453 | An "entity transaction" is a transaction transferring control of an
454 | organization, or substantially all assets of one, or subdividing an
455 | organization, or merging organizations. If propagation of a covered
456 | work results from an entity transaction, each party to that
457 | transaction who receives a copy of the work also receives whatever
458 | licenses to the work the party's predecessor in interest had or could
459 | give under the previous paragraph, plus a right to possession of the
460 | Corresponding Source of the work from the predecessor in interest, if
461 | the predecessor has it or can get it with reasonable efforts.
462 |
463 | You may not impose any further restrictions on the exercise of the
464 | rights granted or affirmed under this License. For example, you may
465 | not impose a license fee, royalty, or other charge for exercise of
466 | rights granted under this License, and you may not initiate litigation
467 | (including a cross-claim or counterclaim in a lawsuit) alleging that
468 | any patent claim is infringed by making, using, selling, offering for
469 | sale, or importing the Program or any portion of it.
470 |
471 | 11. Patents.
472 |
473 | A "contributor" is a copyright holder who authorizes use under this
474 | License of the Program or a work on which the Program is based. The
475 | work thus licensed is called the contributor's "contributor version".
476 |
477 | A contributor's "essential patent claims" are all patent claims
478 | owned or controlled by the contributor, whether already acquired or
479 | hereafter acquired, that would be infringed by some manner, permitted
480 | by this License, of making, using, or selling its contributor version,
481 | but do not include claims that would be infringed only as a
482 | consequence of further modification of the contributor version. For
483 | purposes of this definition, "control" includes the right to grant
484 | patent sublicenses in a manner consistent with the requirements of
485 | this License.
486 |
487 | Each contributor grants you a non-exclusive, worldwide, royalty-free
488 | patent license under the contributor's essential patent claims, to
489 | make, use, sell, offer for sale, import and otherwise run, modify and
490 | propagate the contents of its contributor version.
491 |
492 | In the following three paragraphs, a "patent license" is any express
493 | agreement or commitment, however denominated, not to enforce a patent
494 | (such as an express permission to practice a patent or covenant not to
495 | sue for patent infringement). To "grant" such a patent license to a
496 | party means to make such an agreement or commitment not to enforce a
497 | patent against the party.
498 |
499 | If you convey a covered work, knowingly relying on a patent license,
500 | and the Corresponding Source of the work is not available for anyone
501 | to copy, free of charge and under the terms of this License, through a
502 | publicly available network server or other readily accessible means,
503 | then you must either (1) cause the Corresponding Source to be so
504 | available, or (2) arrange to deprive yourself of the benefit of the
505 | patent license for this particular work, or (3) arrange, in a manner
506 | consistent with the requirements of this License, to extend the patent
507 | license to downstream recipients. "Knowingly relying" means you have
508 | actual knowledge that, but for the patent license, your conveying the
509 | covered work in a country, or your recipient's use of the covered work
510 | in a country, would infringe one or more identifiable patents in that
511 | country that you have reason to believe are valid.
512 |
513 | If, pursuant to or in connection with a single transaction or
514 | arrangement, you convey, or propagate by procuring conveyance of, a
515 | covered work, and grant a patent license to some of the parties
516 | receiving the covered work authorizing them to use, propagate, modify
517 | or convey a specific copy of the covered work, then the patent license
518 | you grant is automatically extended to all recipients of the covered
519 | work and works based on it.
520 |
521 | A patent license is "discriminatory" if it does not include within
522 | the scope of its coverage, prohibits the exercise of, or is
523 | conditioned on the non-exercise of one or more of the rights that are
524 | specifically granted under this License. You may not convey a covered
525 | work if you are a party to an arrangement with a third party that is
526 | in the business of distributing software, under which you make payment
527 | to the third party based on the extent of your activity of conveying
528 | the work, and under which the third party grants, to any of the
529 | parties who would receive the covered work from you, a discriminatory
530 | patent license (a) in connection with copies of the covered work
531 | conveyed by you (or copies made from those copies), or (b) primarily
532 | for and in connection with specific products or compilations that
533 | contain the covered work, unless you entered into that arrangement,
534 | or that patent license was granted, prior to 28 March 2007.
535 |
536 | Nothing in this License shall be construed as excluding or limiting
537 | any implied license or other defenses to infringement that may
538 | otherwise be available to you under applicable patent law.
539 |
540 | 12. No Surrender of Others' Freedom.
541 |
542 | If conditions are imposed on you (whether by court order, agreement or
543 | otherwise) that contradict the conditions of this License, they do not
544 | excuse you from the conditions of this License. If you cannot convey a
545 | covered work so as to satisfy simultaneously your obligations under this
546 | License and any other pertinent obligations, then as a consequence you may
547 | not convey it at all. For example, if you agree to terms that obligate you
548 | to collect a royalty for further conveying from those to whom you convey
549 | the Program, the only way you could satisfy both those terms and this
550 | License would be to refrain entirely from conveying the Program.
551 |
552 | 13. Use with the GNU Affero General Public License.
553 |
554 | Notwithstanding any other provision of this License, you have
555 | permission to link or combine any covered work with a work licensed
556 | under version 3 of the GNU Affero General Public License into a single
557 | combined work, and to convey the resulting work. The terms of this
558 | License will continue to apply to the part which is the covered work,
559 | but the special requirements of the GNU Affero General Public License,
560 | section 13, concerning interaction through a network will apply to the
561 | combination as such.
562 |
563 | 14. Revised Versions of this License.
564 |
565 | The Free Software Foundation may publish revised and/or new versions of
566 | the GNU General Public License from time to time. Such new versions will
567 | be similar in spirit to the present version, but may differ in detail to
568 | address new problems or concerns.
569 |
570 | Each version is given a distinguishing version number. If the
571 | Program specifies that a certain numbered version of the GNU General
572 | Public License "or any later version" applies to it, you have the
573 | option of following the terms and conditions either of that numbered
574 | version or of any later version published by the Free Software
575 | Foundation. If the Program does not specify a version number of the
576 | GNU General Public License, you may choose any version ever published
577 | by the Free Software Foundation.
578 |
579 | If the Program specifies that a proxy can decide which future
580 | versions of the GNU General Public License can be used, that proxy's
581 | public statement of acceptance of a version permanently authorizes you
582 | to choose that version for the Program.
583 |
584 | Later license versions may give you additional or different
585 | permissions. However, no additional obligations are imposed on any
586 | author or copyright holder as a result of your choosing to follow a
587 | later version.
588 |
589 | 15. Disclaimer of Warranty.
590 |
591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
599 |
600 | 16. Limitation of Liability.
601 |
602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
610 | SUCH DAMAGES.
611 |
612 | 17. Interpretation of Sections 15 and 16.
613 |
614 | If the disclaimer of warranty and limitation of liability provided
615 | above cannot be given local legal effect according to their terms,
616 | reviewing courts shall apply local law that most closely approximates
617 | an absolute waiver of all civil liability in connection with the
618 | Program, unless a warranty or assumption of liability accompanies a
619 | copy of the Program in return for a fee.
620 |
621 | END OF TERMS AND CONDITIONS
622 |
623 | How to Apply These Terms to Your New Programs
624 |
625 | If you develop a new program, and you want it to be of the greatest
626 | possible use to the public, the best way to achieve this is to make it
627 | free software which everyone can redistribute and change under these terms.
628 |
629 | To do so, attach the following notices to the program. It is safest
630 | to attach them to the start of each source file to most effectively
631 | state the exclusion of warranty; and each file should have at least
632 | the "copyright" line and a pointer to where the full notice is found.
633 |
634 |
635 | Copyright (C)
636 |
637 | This program is free software: you can redistribute it and/or modify
638 | it under the terms of the GNU General Public License as published by
639 | the Free Software Foundation, either version 3 of the License, or
640 | (at your option) any later version.
641 |
642 | This program is distributed in the hope that it will be useful,
643 | but WITHOUT ANY WARRANTY; without even the implied warranty of
644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
645 | GNU General Public License for more details.
646 |
647 | You should have received a copy of the GNU General Public License
648 | along with this program. If not, see .
649 |
650 | Also add information on how to contact you by electronic and paper mail.
651 |
652 | If the program does terminal interaction, make it output a short
653 | notice like this when it starts in an interactive mode:
654 |
655 | Copyright (C)
656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
657 | This is free software, and you are welcome to redistribute it
658 | under certain conditions; type `show c' for details.
659 |
660 | The hypothetical commands `show w' and `show c' should show the appropriate
661 | parts of the General Public License. Of course, your program's commands
662 | might be different; for a GUI interface, you would use an "about box".
663 |
664 | You should also get your employer (if you work as a programmer) or school,
665 | if any, to sign a "copyright disclaimer" for the program, if necessary.
666 | For more information on this, and how to apply and follow the GNU GPL, see
667 | .
668 |
669 | The GNU General Public License does not permit incorporating your program
670 | into proprietary programs. If your program is a subroutine library, you
671 | may consider it more useful to permit linking proprietary applications with
672 | the library. If this is what you want to do, use the GNU Lesser General
673 | Public License instead of this License. But first, please read
674 | .
675 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Side Project: Desarrollo de aplicación web con React y Leaflet
2 |
3 | ### Entradas
4 | - [Side Project: Desarrollo de aplicación web con React y Leaflet (I)](http://www.sigdeletras.com/2020/side-project-desarrollo-de-aplicacion-web-con-react-y-leaflet-i/)
5 | - [Side Project: Desarrollo de aplicación web con React y Leaflet (II). Creando componentes](http://www.sigdeletras.com/2020/side-project-desarrollo-de-aplicacion-web-con-react-y-leaflet-ii-components/)
6 |
7 |
8 | ### Descripción del proyecto
9 |
10 | El proyecto consiste en realizar una aplicación web que permita consultar información temática relativa a las infraestructuras municipales (saneamiento, alumbrado, electricidad) y su representación geográfica en un mapa.
11 |
12 | El objetivo principal es **aprender React e investigar su uso aplicaciones web de tipo geo**.
13 |
14 | También forma parte fundamental generar la documentación del proyecto, que se traducirá en dos o tres entradas en mi web SIGdeletras y en Medium.
15 |
16 | ### Funcionalidades
17 |
18 | - Selección de municipio (como mínimo 3 municipios)
19 | - Adquisición de datos de la API (capa de un servicio WFS, ej. alumbrado)
20 | - Representación de datos un mapa (tipo puntual)
21 | - Consulta de datos en mapa (popups)
22 | - Consulta de datos en listado (tabla)
23 | - Cambio de municipio y actualización (mapa y listado)
24 |
25 | ### Tecnología
26 |
27 | - Librería React (Node, npm, create-react-app)
28 | - Leaflet a través del paquete React-Leaflet
29 | - Bootstrap como framework CSS
30 | - Visual Studio Code
31 |
32 | ### Fases
33 |
34 | - Recopilación básica de [recursos](resources.md)
35 | - Diseño de funcionalidades básicas (gestión de tareas con Trello)
36 | - Despliegue de infraestructura tecnológica (rápido con create-react-app)
37 | - Desarrollo (y aprendizaje que de eso se trata)
38 | - Producto final (subida de rama master GitHub)
39 |
40 | ### Gestión de proyecto
41 |
42 | Usaré Trello, con un kanban sencillo para gestionar las tareas del tipo (ToDO- Doing-Done).
43 |
44 | Por ahora tengo documentadas 18 tareas organizadas en 5 épicas (por llamarlas de alguna forma): Instalación, Diseño, Desarrollo, Testeo y Documentación.
45 |
46 | ### Plazo
47 |
48 | Tres semanas (después familia, trabajo, casa...).
49 |
50 |
--------------------------------------------------------------------------------
/data/ENTIDADES_clean.csv:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/data/ENTIDADES_clean.csv
--------------------------------------------------------------------------------
/data/cordoba.csv:
--------------------------------------------------------------------------------
1 | id;name;codprov;code;long;lat;coordinates
2 | 1;Adamuz;14;14001;-4.52617749;38.02512572;[38.02512572,-4.52617749]
3 | 2;Aguilar de la Frontera;14;14002;-4.66061547;37.52004219;[37.52004219,-4.66061547]
4 | 3;Alcaracejos;14;14003;-4.96709118;38.38656136;[38.38656136,-4.96709118]
5 | 4;Aldea de Fuente Carreteros;14;14901;-5.155460537;37.66907784;[37.66907784,-5.155460537]
6 | 5;Almedinilla;14;14004;-4.09001992;37.43947257;[37.43947257,-4.09001992]
7 | 6;Almodóvar del Río;14;14005;-5.02076595;37.80943577;[37.80943577,-5.02076595]
8 | 7;Añora;14;14006;-4.89754391;38.41255111;[38.41255111,-4.89754391]
9 | 8;Baena;14;14007;-4.32895878;37.61318847;[37.61318847,-4.32895878]
10 | 9;Belalcázar;14;14008;-5.16635159;38.57840844;[38.57840844,-5.16635159]
11 | 10;Belmez;14;14009;-5.20945663;38.2732496;[38.2732496,-5.20945663]
12 | 11;Benamejí;14;14010;-4.53987316;37.26716339;[37.26716339,-4.53987316]
13 | 12;Bujalance;14;14012;-4.38339381;37.89649386;[37.89649386,-4.38339381]
14 | 13;Cabra;14;14013;-4.44656669;37.47101586;[37.47101586,-4.44656669]
15 | 14;Cañete de las Torres;14;14014;-4.31772885;37.86729904;[37.86729904,-4.31772885]
16 | 15;Carcabuey;14;14015;-4.27306704;37.44453021;[37.44453021,-4.27306704]
17 | 16;Cardeña;14;14016;-4.32426689;38.27037293;[38.27037293,-4.32426689]
18 | 17;Castro del Río;14;14019;-4.48168693;37.69040121;[37.69040121,-4.48168693]
19 | 18;Conquista;14;14020;-4.50055371;38.40958084;[38.40958084,-4.50055371]
20 | 19;Córdoba;14;14021;-4.78032455;37.87954225;[37.87954225,-4.78032455]
21 | 20;Doña Mencía;14;14022;-4.3594167;37.55542058;[37.55542058,-4.3594167]
22 | 21;Dos Torres;14;14023;-4.89495696;38.44549239;[38.44549239,-4.89495696]
23 | 22;El Carpio;14;14018;-4.49948242;37.94050285;[37.94050285,-4.49948242]
24 | 23;El Guijo;14;14034;-4.78336513;38.49620069;[38.49620069,-4.78336513]
25 | 24;El Viso;14;14074;-4.95549169;38.48377684;[38.48377684,-4.95549169]
26 | 25;Encinas Reales;14;14024;-4.48724904;37.27334279;[37.27334279,-4.48724904]
27 | 26;Espejo;14;14025;-4.55377679;37.68083913;[37.68083913,-4.55377679]
28 | 27;Espiel;14;14026;-5.01731472;38.18906775;[38.18906775,-5.01731472]
29 | 28;Fernán-Núñez;14;14027;-4.71932943;37.66833878;[37.66833878,-4.71932943]
30 | 29;Fuente la Lancha;14;14028;-5.04888706;38.42211433;[38.42211433,-5.04888706]
31 | 30;Fuente Obejuna;14;14029;-5.41923282;38.26702154;[38.26702154,-5.41923282]
32 | 31;Fuente Palmera;14;14030;-5.10411463;37.70323501;[37.70323501,-5.10411463]
33 | 32;Fuente-Tójar;14;14031;-4.14651434;37.50974593;[37.50974593,-4.14651434]
34 | 33;Guadalcázar;14;14033;-4.94537097;37.75846258;[37.75846258,-4.94537097]
35 | 34;Hinojosa del Duque;14;14035;-5.14848249;38.50061616;[38.50061616,-5.14848249]
36 | 35;Hornachuelos;14;14036;-5.24226581;37.83117536;[37.83117536,-5.24226581]
37 | 36;Iznájar;14;14037;-4.30793236;37.25784671;[37.25784671,-4.30793236]
38 | 37;La Carlota;14;14017;-4.93225379;37.67519215;[37.67519215,-4.93225379]
39 | 38;La Granjuela;14;14032;-5.35167331;38.3699257;[38.3699257,-5.35167331]
40 | 39;La Guijarrosa;14;14902;-4.86509246;37.63648413;[37.63648413,-4.86509246]
41 | 40;La Rambla;14;14057;-4.74076968;37.60858832;[37.60858832,-4.74076968]
42 | 41;La Victoria;14;14065;-4.85258274;37.68081318;[37.68081318,-4.85258274]
43 | 42;Los Blázquez;14;14011;-5.43808665;38.406797;[38.406797,-5.43808665]
44 | 43;Lucena;14;14038;-4.48451348;37.40901404;[37.40901404,-4.48451348]
45 | 44;Luque;14;14039;-4.27765852;37.55956888;[37.55956888,-4.27765852]
46 | 45;Montalbán de Córdoba;14;14040;-4.74928409;37.58273217;[37.58273217,-4.74928409]
47 | 46;Montemayor;14;14041;-4.69899102;37.64747277;[37.64747277,-4.69899102]
48 | 47;Montilla;14;14042;-4.63785702;37.59232558;[37.59232558,-4.63785702]
49 | 48;Montoro;14;14043;-4.38130891;38.02639376;[38.02639376,-4.38130891]
50 | 49;Monturque;14;14044;-4.58088184;37.47356745;[37.47356745,-4.58088184]
51 | 50;Moriles;14;14045;-4.60916325;37.43498961;[37.43498961,-4.60916325]
52 | 51;Nueva Carteya;14;14046;-4.46660548;37.58553839;[37.58553839,-4.46660548]
53 | 52;Obejo;14;14047;-4.80059964;38.13442999;[38.13442999,-4.80059964]
54 | 53;Palenciana;14;14048;-4.58251386;37.24883679;[37.24883679,-4.58251386]
55 | 54;Palma del Río;14;14049;-5.28521754;37.70113499;[37.70113499,-5.28521754]
56 | 55;Pedro Abad;14;14050;-4.45502044;37.96637631;[37.96637631,-4.45502044]
57 | 56;Pedroche;14;14051;-4.76362098;38.42795152;[38.42795152,-4.76362098]
58 | 57;Peñarroya-Pueblonuevo;14;14052;-5.26610998;38.29876873;[38.29876873,-5.26610998]
59 | 58;Posadas;14;14053;-5.10716405;37.80042527;[37.80042527,-5.10716405]
60 | 59;Pozoblanco;14;14054;-4.84958064;38.37888591;[38.37888591,-4.84958064]
61 | 60;Priego de Córdoba;14;14055;-4.191759;37.43981618;[37.43981618,-4.191759]
62 | 61;Puente Genil;14;14056;-4.77225259;37.3883058;[37.3883058,-4.77225259]
63 | 62;Rute;14;14058;-4.37022684;37.32526431;[37.32526431,-4.37022684]
64 | 63;San Sebastián de los Ballesteros;14;14059;-4.82514553;37.65457388;[37.65457388,-4.82514553]
65 | 64;Santa Eufemia;14;14061;-4.90500504;38.59608265;[38.59608265,-4.90500504]
66 | 65;Santaella;14;14060;-4.84662658;37.56749755;[37.56749755,-4.84662658]
67 | 66;Torrecampo;14;14062;-4.68026045;38.47447529;[38.47447529,-4.68026045]
68 | 67;Valenzuela;14;14063;-4.21935803;37.77497124;[37.77497124,-4.21935803]
69 | 68;Valsequillo;14;14064;-5.35173539;38.40505636;[38.40505636,-5.35173539]
70 | 69;Villa del Río;14;14066;-4.29093006;37.98234127;[37.98234127,-4.29093006]
71 | 70;Villafranca de Córdoba;14;14067;-4.54554878;37.96233796;[37.96233796,-4.54554878]
72 | 71;Villaharta;14;14068;-4.90308829;38.1396903;[38.1396903,-4.90308829]
73 | 72;Villanueva de Córdoba;14;14069;-4.62846311;38.32241888;[38.32241888,-4.62846311]
74 | 73;Villanueva del Duque;14;14070;-4.99945439;38.39272715;[38.39272715,-4.99945439]
75 | 74;Villanueva del Rey;14;14071;-5.15082199;38.20045817;[38.20045817,-5.15082199]
76 | 75;Villaralto;14;14072;-4.98421173;38.45542319;[38.45542319,-4.98421173]
77 | 76;Villaviciosa de Córdoba;14;14073;-5.0146828;38.07637233;[38.07637233,-5.0146828]
78 | 77;Zuheros;14;14075;-4.31649861;37.54383838;[37.54383838,-4.31649861]
79 |
--------------------------------------------------------------------------------
/data/cordoba.ods:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/data/cordoba.ods
--------------------------------------------------------------------------------
/data/cordoba_json.csv:
--------------------------------------------------------------------------------
1 | id;name;codprov;code;coordinates
2 | 1;Adamuz;14;14001;[38.02512572,-4.52617749]
3 | 2;Aguilar de la Frontera;14;14002;[37.52004219,-4.66061547]
4 | 3;Alcaracejos;14;14003;[38.38656136,-4.96709118]
5 | 4;Aldea de Fuente Carreteros;14;14901;[37.66907784,-5.155460537]
6 | 5;Almedinilla;14;14004;[37.43947257,-4.09001992]
7 | 6;Almodóvar del Río;14;14005;[37.80943577,-5.02076595]
8 | 7;Añora;14;14006;[38.41255111,-4.89754391]
9 | 8;Baena;14;14007;[37.61318847,-4.32895878]
10 | 9;Belalcázar;14;14008;[38.57840844,-5.16635159]
11 | 10;Belmez;14;14009;[38.2732496,-5.20945663]
12 | 11;Benamejí;14;14010;[37.26716339,-4.53987316]
13 | 12;Bujalance;14;14012;[37.89649386,-4.38339381]
14 | 13;Cabra;14;14013;[37.47101586,-4.44656669]
15 | 14;Cañete de las Torres;14;14014;[37.86729904,-4.31772885]
16 | 15;Carcabuey;14;14015;[37.44453021,-4.27306704]
17 | 16;Cardeña;14;14016;[38.27037293,-4.32426689]
18 | 17;Castro del Río;14;14019;[37.69040121,-4.48168693]
19 | 18;Conquista;14;14020;[38.40958084,-4.50055371]
20 | 19;Córdoba;14;14021;[37.87954225,-4.78032455]
21 | 20;Doña Mencía;14;14022;[37.55542058,-4.3594167]
22 | 21;Dos Torres;14;14023;[38.44549239,-4.89495696]
23 | 22;El Carpio;14;14018;[37.94050285,-4.49948242]
24 | 23;El Guijo;14;14034;[38.49620069,-4.78336513]
25 | 24;El Viso;14;14074;[38.48377684,-4.95549169]
26 | 25;Encinas Reales;14;14024;[37.27334279,-4.48724904]
27 | 26;Espejo;14;14025;[37.68083913,-4.55377679]
28 | 27;Espiel;14;14026;[38.18906775,-5.01731472]
29 | 28;Fernán-Núñez;14;14027;[37.66833878,-4.71932943]
30 | 29;Fuente la Lancha;14;14028;[38.42211433,-5.04888706]
31 | 30;Fuente Obejuna;14;14029;[38.26702154,-5.41923282]
32 | 31;Fuente Palmera;14;14030;[37.70323501,-5.10411463]
33 | 32;Fuente-Tójar;14;14031;[37.50974593,-4.14651434]
34 | 33;Guadalcázar;14;14033;[37.75846258,-4.94537097]
35 | 34;Hinojosa del Duque;14;14035;[38.50061616,-5.14848249]
36 | 35;Hornachuelos;14;14036;[37.83117536,-5.24226581]
37 | 36;Iznájar;14;14037;[37.25784671,-4.30793236]
38 | 37;La Carlota;14;14017;[37.67519215,-4.93225379]
39 | 38;La Granjuela;14;14032;[38.3699257,-5.35167331]
40 | 39;La Guijarrosa;14;14902;[37.63648413,-4.86509246]
41 | 40;La Rambla;14;14057;[37.60858832,-4.74076968]
42 | 41;La Victoria;14;14065;[37.68081318,-4.85258274]
43 | 42;Los Blázquez;14;14011;[38.406797,-5.43808665]
44 | 43;Lucena;14;14038;[37.40901404,-4.48451348]
45 | 44;Luque;14;14039;[37.55956888,-4.27765852]
46 | 45;Montalbán de Córdoba;14;14040;[37.58273217,-4.74928409]
47 | 46;Montemayor;14;14041;[37.64747277,-4.69899102]
48 | 47;Montilla;14;14042;[37.59232558,-4.63785702]
49 | 48;Montoro;14;14043;[38.02639376,-4.38130891]
50 | 49;Monturque;14;14044;[37.47356745,-4.58088184]
51 | 50;Moriles;14;14045;[37.43498961,-4.60916325]
52 | 51;Nueva Carteya;14;14046;[37.58553839,-4.46660548]
53 | 52;Obejo;14;14047;[38.13442999,-4.80059964]
54 | 53;Palenciana;14;14048;[37.24883679,-4.58251386]
55 | 54;Palma del Río;14;14049;[37.70113499,-5.28521754]
56 | 55;Pedro Abad;14;14050;[37.96637631,-4.45502044]
57 | 56;Pedroche;14;14051;[38.42795152,-4.76362098]
58 | 57;Peñarroya-Pueblonuevo;14;14052;[38.29876873,-5.26610998]
59 | 58;Posadas;14;14053;[37.80042527,-5.10716405]
60 | 59;Pozoblanco;14;14054;[38.37888591,-4.84958064]
61 | 60;Priego de Córdoba;14;14055;[37.43981618,-4.191759]
62 | 61;Puente Genil;14;14056;[37.3883058,-4.77225259]
63 | 62;Rute;14;14058;[37.32526431,-4.37022684]
64 | 63;San Sebastián de los Ballesteros;14;14059;[37.65457388,-4.82514553]
65 | 64;Santa Eufemia;14;14061;[38.59608265,-4.90500504]
66 | 65;Santaella;14;14060;[37.56749755,-4.84662658]
67 | 66;Torrecampo;14;14062;[38.47447529,-4.68026045]
68 | 67;Valenzuela;14;14063;[37.77497124,-4.21935803]
69 | 68;Valsequillo;14;14064;[38.40505636,-5.35173539]
70 | 69;Villa del Río;14;14066;[37.98234127,-4.29093006]
71 | 70;Villafranca de Córdoba;14;14067;[37.96233796,-4.54554878]
72 | 71;Villaharta;14;14068;[38.1396903,-4.90308829]
73 | 72;Villanueva de Córdoba;14;14069;[38.32241888,-4.62846311]
74 | 73;Villanueva del Duque;14;14070;[38.39272715,-4.99945439]
75 | 74;Villanueva del Rey;14;14071;[38.20045817,-5.15082199]
76 | 75;Villaralto;14;14072;[38.45542319,-4.98421173]
77 | 76;Villaviciosa de Córdoba;14;14073;[38.07637233,-5.0146828]
78 | 77;Zuheros;14;14075;[37.54383838,-4.31649861]
79 |
--------------------------------------------------------------------------------
/docs/asset-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "files": {
3 | "main.css": "/static/css/main.43ffc120.chunk.css",
4 | "main.js": "/static/js/main.48a42970.chunk.js",
5 | "main.js.map": "/static/js/main.48a42970.chunk.js.map",
6 | "runtime-main.js": "/static/js/runtime-main.d612b181.js",
7 | "runtime-main.js.map": "/static/js/runtime-main.d612b181.js.map",
8 | "static/css/2.3e8bdaa6.chunk.css": "/static/css/2.3e8bdaa6.chunk.css",
9 | "static/js/2.248a5a43.chunk.js": "/static/js/2.248a5a43.chunk.js",
10 | "static/js/2.248a5a43.chunk.js.map": "/static/js/2.248a5a43.chunk.js.map",
11 | "index.html": "/index.html",
12 | "precache-manifest.3d74826453564702e981f7f19587b11f.js": "/precache-manifest.3d74826453564702e981f7f19587b11f.js",
13 | "service-worker.js": "/service-worker.js",
14 | "static/css/2.3e8bdaa6.chunk.css.map": "/static/css/2.3e8bdaa6.chunk.css.map",
15 | "static/css/main.43ffc120.chunk.css.map": "/static/css/main.43ffc120.chunk.css.map",
16 | "static/js/2.248a5a43.chunk.js.LICENSE.txt": "/static/js/2.248a5a43.chunk.js.LICENSE.txt"
17 | },
18 | "entrypoints": [
19 | "static/js/runtime-main.d612b181.js",
20 | "static/css/2.3e8bdaa6.chunk.css",
21 | "static/js/2.248a5a43.chunk.js",
22 | "static/css/main.43ffc120.chunk.css",
23 | "static/js/main.48a42970.chunk.js"
24 | ]
25 | }
--------------------------------------------------------------------------------
/docs/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/docs/favicon.ico
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 | GeoApp
--------------------------------------------------------------------------------
/docs/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/docs/logo192.png
--------------------------------------------------------------------------------
/docs/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/docs/logo512.png
--------------------------------------------------------------------------------
/docs/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/docs/precache-manifest.3d74826453564702e981f7f19587b11f.js:
--------------------------------------------------------------------------------
1 | self.__precacheManifest = (self.__precacheManifest || []).concat([
2 | {
3 | "revision": "f7c2d4fddf869aa2a03e92154f66a1b3",
4 | "url": "/index.html"
5 | },
6 | {
7 | "revision": "e74e5cd93a1fc1f66de4",
8 | "url": "/static/css/2.3e8bdaa6.chunk.css"
9 | },
10 | {
11 | "revision": "cf41aab48dcedef3a0b0",
12 | "url": "/static/css/main.43ffc120.chunk.css"
13 | },
14 | {
15 | "revision": "e74e5cd93a1fc1f66de4",
16 | "url": "/static/js/2.248a5a43.chunk.js"
17 | },
18 | {
19 | "revision": "da75538c52411804769b514107a743de",
20 | "url": "/static/js/2.248a5a43.chunk.js.LICENSE.txt"
21 | },
22 | {
23 | "revision": "cf41aab48dcedef3a0b0",
24 | "url": "/static/js/main.48a42970.chunk.js"
25 | },
26 | {
27 | "revision": "7482170f45c6522567ce",
28 | "url": "/static/js/runtime-main.d612b181.js"
29 | }
30 | ]);
--------------------------------------------------------------------------------
/docs/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/docs/service-worker.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Welcome to your Workbox-powered service worker!
3 | *
4 | * You'll need to register this file in your web app and you should
5 | * disable HTTP caching for this file too.
6 | * See https://goo.gl/nhQhGp
7 | *
8 | * The rest of the code is auto-generated. Please don't update this file
9 | * directly; instead, make changes to your Workbox build configuration
10 | * and re-run your build process.
11 | * See https://goo.gl/2aRDsh
12 | */
13 |
14 | importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
15 |
16 | importScripts(
17 | "/precache-manifest.3d74826453564702e981f7f19587b11f.js"
18 | );
19 |
20 | self.addEventListener('message', (event) => {
21 | if (event.data && event.data.type === 'SKIP_WAITING') {
22 | self.skipWaiting();
23 | }
24 | });
25 |
26 | workbox.core.clientsClaim();
27 |
28 | /**
29 | * The workboxSW.precacheAndRoute() method efficiently caches and responds to
30 | * requests for URLs in the manifest.
31 | * See https://goo.gl/S9QRab
32 | */
33 | self.__precacheManifest = [].concat(self.__precacheManifest || []);
34 | workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
35 |
36 | workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/index.html"), {
37 |
38 | blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/],
39 | });
40 |
--------------------------------------------------------------------------------
/docs/static/css/main.43ffc120.chunk.css:
--------------------------------------------------------------------------------
1 | #map{background-color:#1e90ff;width:100%;height:60vh}
2 | /*# sourceMappingURL=main.43ffc120.chunk.css.map */
--------------------------------------------------------------------------------
/docs/static/css/main.43ffc120.chunk.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["App.css"],"names":[],"mappings":"AAAA,KACI,wBAA4B,CAC5B,UAAW,CACX,WACJ","file":"main.43ffc120.chunk.css","sourcesContent":["#map {\n background-color: dodgerblue;\n width: 100%;\n height: 60vh;\n}"]}
--------------------------------------------------------------------------------
/docs/static/js/2.248a5a43.chunk.js.LICENSE.txt:
--------------------------------------------------------------------------------
1 | /*
2 | object-assign
3 | (c) Sindre Sorhus
4 | @license MIT
5 | */
6 |
7 | /* @preserve
8 | * Leaflet 1.6.0, a JS library for interactive maps. http://leafletjs.com
9 | * (c) 2010-2019 Vladimir Agafonkin, (c) 2010-2011 CloudMade
10 | */
11 |
12 | /** @license React v0.19.1
13 | * scheduler.production.min.js
14 | *
15 | * Copyright (c) Facebook, Inc. and its affiliates.
16 | *
17 | * This source code is licensed under the MIT license found in the
18 | * LICENSE file in the root directory of this source tree.
19 | */
20 |
21 | /** @license React v16.13.1
22 | * react-dom.production.min.js
23 | *
24 | * Copyright (c) Facebook, Inc. and its affiliates.
25 | *
26 | * This source code is licensed under the MIT license found in the
27 | * LICENSE file in the root directory of this source tree.
28 | */
29 |
30 | /** @license React v16.13.1
31 | * react-is.production.min.js
32 | *
33 | * Copyright (c) Facebook, Inc. and its affiliates.
34 | *
35 | * This source code is licensed under the MIT license found in the
36 | * LICENSE file in the root directory of this source tree.
37 | */
38 |
39 | /** @license React v16.13.1
40 | * react.production.min.js
41 | *
42 | * Copyright (c) Facebook, Inc. and its affiliates.
43 | *
44 | * This source code is licensed under the MIT license found in the
45 | * LICENSE file in the root directory of this source tree.
46 | */
47 |
--------------------------------------------------------------------------------
/docs/static/js/main.48a42970.chunk.js:
--------------------------------------------------------------------------------
1 | (this.webpackJsonpgeoapp=this.webpackJsonpgeoapp||[]).push([[0],{22:function(e){e.exports=JSON.parse('[{"id":1,"name":"Adamuz","codprov":14,"code":14001,"coordinates":[38.02512572,-4.52617749]},{"id":2,"name":"Aguilar de la Frontera","codprov":14,"code":14002,"coordinates":[37.52004219,-4.66061547]},{"id":3,"name":"Alcaracejos","codprov":14,"code":14003,"coordinates":[38.38656136,-4.96709118]},{"id":4,"name":"Aldea de Fuente Carreteros","codprov":14,"code":14901,"coordinates":[37.66907784,-5.155460537]},{"id":5,"name":"Almedinilla","codprov":14,"code":14004,"coordinates":[37.43947257,-4.09001992]},{"id":6,"name":"Almod\xf3var del R\xedo","codprov":14,"code":14005,"coordinates":[37.80943577,-5.02076595]},{"id":7,"name":"A\xf1ora","codprov":14,"code":14006,"coordinates":[38.41255111,-4.89754391]},{"id":8,"name":"Baena","codprov":14,"code":14007,"coordinates":[37.61318847,-4.32895878]},{"id":9,"name":"Belalc\xe1zar","codprov":14,"code":14008,"coordinates":[38.57840844,-5.16635159]},{"id":10,"name":"Belmez","codprov":14,"code":14009,"coordinates":[38.2732496,-5.20945663]},{"id":11,"name":"Benamej\xed","codprov":14,"code":14010,"coordinates":[37.26716339,-4.53987316]},{"id":12,"name":"Bujalance","codprov":14,"code":14012,"coordinates":[37.89649386,-4.38339381]},{"id":13,"name":"Cabra","codprov":14,"code":14013,"coordinates":[37.47101586,-4.44656669]},{"id":14,"name":"Ca\xf1ete de las Torres","codprov":14,"code":14014,"coordinates":[37.86729904,-4.31772885]},{"id":15,"name":"Carcabuey","codprov":14,"code":14015,"coordinates":[37.44453021,-4.27306704]},{"id":16,"name":"Carde\xf1a","codprov":14,"code":14016,"coordinates":[38.27037293,-4.32426689]},{"id":17,"name":"Castro del R\xedo","codprov":14,"code":14019,"coordinates":[37.69040121,-4.48168693]},{"id":18,"name":"Conquista","codprov":14,"code":14020,"coordinates":[38.40958084,-4.50055371]},{"id":19,"name":"C\xf3rdoba","codprov":14,"code":14021,"coordinates":[37.87954225,-4.78032455]},{"id":20,"name":"Do\xf1a Menc\xeda","codprov":14,"code":14022,"coordinates":[37.55542058,-4.3594167]},{"id":21,"name":"Dos Torres","codprov":14,"code":14023,"coordinates":[38.44549239,-4.89495696]},{"id":22,"name":"El Carpio","codprov":14,"code":14018,"coordinates":[37.94050285,-4.49948242]},{"id":23,"name":"El Guijo","codprov":14,"code":14034,"coordinates":[38.49620069,-4.78336513]},{"id":24,"name":"El Viso","codprov":14,"code":14074,"coordinates":[38.48377684,-4.95549169]},{"id":25,"name":"Encinas Reales","codprov":14,"code":14024,"coordinates":[37.27334279,-4.48724904]},{"id":26,"name":"Espejo","codprov":14,"code":14025,"coordinates":[37.68083913,-4.55377679]},{"id":27,"name":"Espiel","codprov":14,"code":14026,"coordinates":[38.18906775,-5.01731472]},{"id":28,"name":"Fern\xe1n-N\xfa\xf1ez","codprov":14,"code":14027,"coordinates":[37.66833878,-4.71932943]},{"id":29,"name":"Fuente la Lancha","codprov":14,"code":14028,"coordinates":[38.42211433,-5.04888706]},{"id":30,"name":"Fuente Obejuna","codprov":14,"code":14029,"coordinates":[38.26702154,-5.41923282]},{"id":31,"name":"Fuente Palmera","codprov":14,"code":14030,"coordinates":[37.70323501,-5.10411463]},{"id":32,"name":"Fuente-T\xf3jar","codprov":14,"code":14031,"coordinates":[37.50974593,-4.14651434]},{"id":33,"name":"Guadalc\xe1zar","codprov":14,"code":14033,"coordinates":[37.75846258,-4.94537097]},{"id":34,"name":"Hinojosa del Duque","codprov":14,"code":14035,"coordinates":[38.50061616,-5.14848249]},{"id":35,"name":"Hornachuelos","codprov":14,"code":14036,"coordinates":[37.83117536,-5.24226581]},{"id":36,"name":"Izn\xe1jar","codprov":14,"code":14037,"coordinates":[37.25784671,-4.30793236]},{"id":37,"name":"La Carlota","codprov":14,"code":14017,"coordinates":[37.67519215,-4.93225379]},{"id":38,"name":"La Granjuela","codprov":14,"code":14032,"coordinates":[38.3699257,-5.35167331]},{"id":39,"name":"La Guijarrosa","codprov":14,"code":14902,"coordinates":[37.63648413,-4.86509246]},{"id":40,"name":"La Rambla","codprov":14,"code":14057,"coordinates":[37.60858832,-4.74076968]},{"id":41,"name":"La Victoria","codprov":14,"code":14065,"coordinates":[37.68081318,-4.85258274]},{"id":42,"name":"Los Bl\xe1zquez","codprov":14,"code":14011,"coordinates":[38.406797,-5.43808665]},{"id":43,"name":"Lucena","codprov":14,"code":14038,"coordinates":[37.40901404,-4.48451348]},{"id":44,"name":"Luque","codprov":14,"code":14039,"coordinates":[37.55956888,-4.27765852]},{"id":45,"name":"Montalb\xe1n de C\xf3rdoba","codprov":14,"code":14040,"coordinates":[37.58273217,-4.74928409]},{"id":46,"name":"Montemayor","codprov":14,"code":14041,"coordinates":[37.64747277,-4.69899102]},{"id":47,"name":"Montilla","codprov":14,"code":14042,"coordinates":[37.59232558,-4.63785702]},{"id":48,"name":"Montoro","codprov":14,"code":14043,"coordinates":[38.02639376,-4.38130891]},{"id":49,"name":"Monturque","codprov":14,"code":14044,"coordinates":[37.47356745,-4.58088184]},{"id":50,"name":"Moriles","codprov":14,"code":14045,"coordinates":[37.43498961,-4.60916325]},{"id":51,"name":"Nueva Carteya","codprov":14,"code":14046,"coordinates":[37.58553839,-4.46660548]},{"id":52,"name":"Obejo","codprov":14,"code":14047,"coordinates":[38.13442999,-4.80059964]},{"id":53,"name":"Palenciana","codprov":14,"code":14048,"coordinates":[37.24883679,-4.58251386]},{"id":54,"name":"Palma del R\xedo","codprov":14,"code":14049,"coordinates":[37.70113499,-5.28521754]},{"id":55,"name":"Pedro Abad","codprov":14,"code":14050,"coordinates":[37.96637631,-4.45502044]},{"id":56,"name":"Pedroche","codprov":14,"code":14051,"coordinates":[38.42795152,-4.76362098]},{"id":57,"name":"Pe\xf1arroya-Pueblonuevo","codprov":14,"code":14052,"coordinates":[38.29876873,-5.26610998]},{"id":58,"name":"Posadas","codprov":14,"code":14053,"coordinates":[37.80042527,-5.10716405]},{"id":59,"name":"Pozoblanco","codprov":14,"code":14054,"coordinates":[38.37888591,-4.84958064]},{"id":60,"name":"Priego de C\xf3rdoba","codprov":14,"code":14055,"coordinates":[37.43981618,-4.191759]},{"id":61,"name":"Puente Genil","codprov":14,"code":14056,"coordinates":[37.3883058,-4.77225259]},{"id":62,"name":"Rute","codprov":14,"code":14058,"coordinates":[37.32526431,-4.37022684]},{"id":63,"name":"San Sebasti\xe1n de los Ballesteros","codprov":14,"code":14059,"coordinates":[37.65457388,-4.82514553]},{"id":64,"name":"Santa Eufemia","codprov":14,"code":14061,"coordinates":[38.59608265,-4.90500504]},{"id":65,"name":"Santaella","codprov":14,"code":14060,"coordinates":[37.56749755,-4.84662658]},{"id":66,"name":"Torrecampo","codprov":14,"code":14062,"coordinates":[38.47447529,-4.68026045]},{"id":67,"name":"Valenzuela","codprov":14,"code":14063,"coordinates":[37.77497124,-4.21935803]},{"id":68,"name":"Valsequillo","codprov":14,"code":14064,"coordinates":[38.40505636,-5.35173539]},{"id":69,"name":"Villa del R\xedo","codprov":14,"code":14066,"coordinates":[37.98234127,-4.29093006]},{"id":70,"name":"Villafranca de C\xf3rdoba","codprov":14,"code":14067,"coordinates":[37.96233796,-4.54554878]},{"id":71,"name":"Villaharta","codprov":14,"code":14068,"coordinates":[38.1396903,-4.90308829]},{"id":72,"name":"Villanueva de C\xf3rdoba","codprov":14,"code":14069,"coordinates":[38.32241888,-4.62846311]},{"id":73,"name":"Villanueva del Duque","codprov":14,"code":14070,"coordinates":[38.39272715,-4.99945439]},{"id":74,"name":"Villanueva del Rey","codprov":14,"code":14071,"coordinates":[38.20045817,-5.15082199]},{"id":75,"name":"Villaralto","codprov":14,"code":14072,"coordinates":[38.45542319,-4.98421173]},{"id":76,"name":"Villaviciosa de C\xf3rdoba","codprov":14,"code":14073,"coordinates":[38.07637233,-5.0146828]},{"id":77,"name":"Zuheros","codprov":14,"code":14075,"coordinates":[37.54383838,-4.31649861]}]')},24:function(e,o,a){e.exports=a(39)},30:function(e,o,a){},38:function(e,o,a){},39:function(e,o,a){"use strict";a.r(o);var t=a(0),n=a.n(t),r=a(19),c=a.n(r),d=(a(29),a(30),a(17)),i=a.n(d),l=a(20),s=a(8),m=a(9),p=a(13),u=a(11),v=a(10),h=a(44),E=a(43),f=a(40),b=a(41),y=a(42),C=a(4),g=a.n(C);delete g.a.Icon.Default.prototype._getIconUrl,g.a.Icon.Default.mergeOptions({iconRetinaUrl:a(32),iconUrl:a(33),shadowUrl:a(34)});var j=function(e){Object(u.a)(a,e);var o=Object(v.a)(a);function a(){var e;Object(s.a)(this,a);for(var t=arguments.length,r=new Array(t),c=0;c\n
55 | );
56 | }
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/geoapp/src/index.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/geoapp/src/index.css
--------------------------------------------------------------------------------
/geoapp/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 |
4 | import 'bootstrap/dist/css/bootstrap.css';
5 |
6 | import './index.css';
7 |
8 | import App from './App';
9 |
10 |
11 | ReactDOM.render(
12 |
13 | ,document.getElementById('root')
14 | );
--------------------------------------------------------------------------------
/geoapp/src/services/serviceWFSDera.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/geoapp/src/services/serviceWFSDera.js
--------------------------------------------------------------------------------
/img/03_add_codeine.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/03_add_codeine.png
--------------------------------------------------------------------------------
/img/03_icon_lealfet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/03_icon_lealfet.png
--------------------------------------------------------------------------------
/img/03_popup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/03_popup.png
--------------------------------------------------------------------------------
/img/03_popup_mapa.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/03_popup_mapa.png
--------------------------------------------------------------------------------
/img/03_sprint3.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/03_sprint3.gif
--------------------------------------------------------------------------------
/img/03_trello.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/03_trello.png
--------------------------------------------------------------------------------
/img/04_button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/04_button.png
--------------------------------------------------------------------------------
/img/04_sprint4.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/04_sprint4.gif
--------------------------------------------------------------------------------
/img/04_trello.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/04_trello.png
--------------------------------------------------------------------------------
/img/change_task.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/change_task.gif
--------------------------------------------------------------------------------
/img/portada.xcf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/portada.xcf
--------------------------------------------------------------------------------
/img/react.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/react.png
--------------------------------------------------------------------------------
/img/react_snippet.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/react_snippet.gif
--------------------------------------------------------------------------------
/img/selectList_button_clic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/selectList_button_clic.png
--------------------------------------------------------------------------------
/img/trello_2sprint.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sigdeletras/react_maps/21820062bd920d1d7006a188e74415d75e70c8bf/img/trello_2sprint.png
--------------------------------------------------------------------------------
/resources.md:
--------------------------------------------------------------------------------
1 | # Recopilación de recursos sobre React y mapas
2 |
3 | ## Para empezar
4 | - [React Tutorial - W3Schools](https://www.w3schools.com/REACT/default.asp)
5 | - [Getting Started with React - An Overview and Walkthrough Tutorial](https://www.taniarascia.com/getting-started-with-react/)
6 | - [React Getting Started](https://reactjs.org/docs/getting-started.html)
7 | - [Comparison with Other Frameworks - Vue.js](https://es.vuejs.org/v2/guide/comparison.html)
8 |
9 | ## Librerías
10 | - [React-Leaflet](https://react-leaflet.js.org/en/) [Examples](https://react-leaflet.js.org/docs/en/examples) [npm](https://www.npmjs.com/package/react-leaflet)
11 | - [react-geo](https://www.npmjs.com/package/@terrestris/react-geo)
12 |
13 | ## UI Components
14 | - [PrimeReact | React UI Component Library](https://www.primefaces.org/primereact/)
15 | - [Ant Design of React - Ant Design](https://ant.design/docs/react/introduce)
16 | - [Material-UI: A popular React UI framework](https://material-ui.com/es/)
17 |
18 | ## Generales
19 | - [Tutorial de ReactJS. Introducción - Software Crafters](https://softwarecrafters.io/react/tutorial-react-js-introduccion/)
20 | - [Create React App](https://create-react-app.dev/docs/getting-started/)
21 | - [Estructura y funcionamiento de un componente en React](https://carlosazaustre.es/estructura-de-un-componente-en-react)
22 | - [Utilizando datos de reaccionar con la API de Fetch y axios – Nexstair Tecnologías](https://nexstair.com/using-data-in-react-with-the-fetch-api-and-axios/?lang=es)
23 | - [Fetching Data and Updating State in a React Class](https://www.pluralsight.com/guides/fetching-data-updating-state-react-class)
24 | - [facebook/create-react-app: Set up a modern web app by running one command](https://github.com/facebook/create-react-app)
25 | - [“Map for React apps with Leaflet”](https://link.medium.com/hnOVgqt8u5) *Diferentes opciones par añadir mapas en React..leaflet, Gmaps....*
26 |
27 | ## Cursos / Videotutoriales
28 | - :star2: [Reactjs, Curso Práctico para Principiantes (React 16)](https://www.youtube.com/watch?v=zIY87vU33aA&t=9493s) **Muy recomendable para empezar**
29 | - [React Tutorial and Projects Course](https://www.udemy.com/course/react-tutorial-and-projects-course/?ranMID=39197&ranEAID=OHRBJGveF2s&ranSiteID=OHRBJGveF2s-7J5siV9M9OhKT59d6p19nQ&LSNPUBID=OHRBJGveF2s)
30 |
31 |
32 | ## Leaflet
33 | - [Getting Started with React and Leaflet](https://www.azavea.com/blog/2016/12/05/getting-started-with-react-and-leaflet/) **Eventos asociados a botones**
34 | - [Using Leaflet in React apps | cherniavskii.co](https://cherniavskii.com/using-leaflet-in-react-apps/)
35 | - [How To Create Maps With React And Leaflet — Smashing Magazine](https://www.smashingmagazine.com/2020/02/javascript-maps-react-leaflet/)
36 | - [React + Redux + Leaflet: Building a HERE Maps Isochrones Web(M)app](https://gis-ops.com/react-redux-leaflet-building-a-here-maps-isochrones-webmapp/)
37 | - [How to create a Coronavirus (COVID-19) Dashboard & Map App in React with Gatsby and Leaflet by
38 | @colbyfayock](https://www.freecodecamp.org/news/how-to-create-a-coronavirus-covid-19-dashboard-map-app-in-react-with-gatsby-and-leaflet/)
39 | - [How to build a mapping app in React the easy way with Leaflet](https://www.freecodecamp.org/news/easily-spin-up-a-mapping-app-in-react-with-leaflet/)
40 | - [Leaflet en React Apps — Desarrollo de software — Hermosillo, Sonora](https://rosolutions.com.mx/blog/index.php/2018/11/26/leaflet-en-react-apps/)
41 | - [“Leaflet Map with React — part I” por Sayyed Hammad Ali](https://link.medium.com/tG1m1awLQ4)
42 | - [“Creating a Bubbles Map using React-Leaflet” por Afzal Sayed](https://link.medium.com/LZe3qIhLQ4)
43 | - [“Mapeando tus movimientos con React y Leaflet” por Ayoze Barrera](https://link.medium.com/xVBYYcnKQ4)
44 | - [How to use React-Leaflet - LogRocket Blog](https://blog.logrocket.com/how-to-use-react-leaflet/)
45 | - [Build rich map experiences with Mapbox and React 🗺 🚀](https://codeburst.io/build-rich-map-experiences-with-mapbox-and-react-fa13d2c814de)
46 | - [How to Use Leaflet in React Applications](https://morioh.com/p/d339f90518c1)
47 | - [26 Map Examples with ReactJS](https://react.rocks/tag/Map)
48 | - [React-Leaflet-demo - ReactJS Example](https://react.rocks/example/React-Leaflet-demo)
49 | - [A custom layer for react-leaflet that makes clustering react components simple](https://reactjsexample.com/a-custom-layer-for-react-leaflet-that-makes-plotting-and-clustering-react-components-simple/amp/)
50 | - [Leaflet - Event handling - CodeSandbox](https://codesandbox.io/embed/n9lpjj7j9j?codemirror=1) *Ejemplo geolocalización*
51 |
52 |
53 | ## Openlayer
54 | - [How to test Open Layers React components with Mocha (part I)](https://link.medium.com/5hpnKlvwe5)
55 | - [Using OpenLayers with React - Taylor Callsen](https://taylor.callsen.me/using-reactflux-with-openlayers-3-and-other-third-party-libraries/)
56 | - [Simple example of a ReactJS and OpenLayers map component](https://dominoc925.blogspot.com/2019/10/simple-example-of-reactjs-and.html?m=1)
57 | - [Introduction | react-geo - mapping mit React](https://terrestris.github.io/react-geo-ws/index.html)
58 |
59 | ## Plantillas
60 |
61 | - [leaflet-map-template-with-sidebar](https://github.com/vannizhang/leaflet-map-template-with-sidebar/blob/master/README.md)
62 |
63 | ## Repos
64 | - [eighhalliday/react-leaflet-demo](https://github.com/leighhalliday/react-leaflet-demo)
65 | - [eugene-belkovich/react-map-with-leaflet: 🌱Leaflet examples of react maps for medium.com articles
66 | ](https://github.com/eugene-belkovich/react-map-with-leaflet)
67 | - [azavea/react-leaflet-demo](https://github.com/azavea/react-leaflet-demo)
68 | - [react-leaflet-sidebarv2](https://github.com/condense/react-leaflet-sidebarv2/blob/master/README.md)
--------------------------------------------------------------------------------
/sprint.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: "Side Project: Desarrollo de aplicación web con React y Leaflet (III). Datos desde WFS"
3 | excerpt_separator: ""
4 | comments: true
5 | related: true
6 | header:
7 | teaser: "/img/react.png"
8 | categories:
9 | - 2020
10 | tags:
11 | - react
12 | - leaflet
13 | ---
14 |
15 | Con la siguiente entrada cierro este *side proyect* que me ha servido para [conocer la libreria React creando una aplicación *web-mapping*](http://www.sigdeletras.com/2020/side-project-desarrollo-de-aplicacion-web-con-react-y-leaflet-i/). Al final de esta entrada está el listado de enlaces que han surgido de todo esto, para quien esté interesado en seguir el hilo.
16 |
17 | A modo de **conclusión**, comentar que **estoy contento con la experiecia**. He cumplido con el **objetivo principal** que me marqué que no era otro que el de **introducirme en el uso de React** y he desarrollado la aplicación cubriendo las funcionalidades definidas al principio del proyecto.
18 |
19 | También me gusta la **metodología** que seguido y que creo que aplicaré a aprendizajes futuros. Como en cualquier proyecto de desarrollo real, y con real me refiero proyecto para un cliente, ha sido básico definir correctamente el alcance de las tareas a realizar y marcar un tiempo de ejecución. Esto me ha ayudado a no desviarmente, organizar el tiempo y sobre todo a saber cuándo darlo por terminado.
20 |
21 | Al final, como es normal y conociendo basicamente la librería, me han surgido posibles mejoras, nuevas funcionalidades o ampliaciones, pero como no estaban definidas en mi pila, las dejaré para otro momento.
22 |
23 | Quisiera también comentar que **este sistema de autoaprendizaje tiene también su aspecto negativo**. No contar con alguien que te revise el código, que te aporte comentarios o que simplemente te muestre otras vías para mejorar lo aprendido, me deja la sensación en algunas ocasiones de **no saber si he usado la forma más óptima de usar la librería**, aunque el código funcione correctamente.
24 |
25 | 
26 |
27 | Este es el listado de las tareas que quedaban por hacer:
28 | - 06 crear componente TableList
29 | - 14 Datos WFS en tabla
30 | - 17 consulta datos en tabla
31 | - 18 conexión mapa-tabla
32 |
33 | Los temas aprendidos sobre React a partir del desarrollo de estas tareas son los siguientes:
34 | - Componentes funcionales
35 | - Patrones de diseño para conectar componentes
36 |
37 | # Componente TableList
38 |
39 | En este último componente vamos a **presentar en formato tabla los resultados obtenidos desde el servicio WFS** de la Junta de Andalucía con datos sobre [equipamintos sanitarios](https://www.juntadeandalucia.es/institutodeestadisticaycartografia/DERA/servicios.htm). Son los mismos datos que usamos para [añadir el GeoJSON al mapa](http://www.sigdeletras.com/2020/side-project-4-react-y-leaflet-wfs/).
40 |
41 | Usamos los datos que nos vienen desde sus propiedades y montamos una tabla con cabecera y cuerpo de datos que devuelve la información mediante la función *map()*. El componente *TableList* quedará así.
42 |
43 | ```javascript
44 | //TablaList
45 | ...
46 | export default class TableList extends Component {
47 | render() {
48 | const { features } = this.props.data;
49 |
50 | if (!features) {
51 | return (
52 |
53 | Select a municipality from the list. Then press the Load button
54 | to view the results
55 |
82 | );
83 | }
84 | }
85 | }
86 | ...
87 | ```
88 |
89 | Para futuras mejoras, se debería refactorizar el código y que pudiera servir para cualquier tipo de datos temáticos que se consultaran.
90 |
91 | # Implementando un botón de zum con el patrón de diseño Pub-Sub.
92 |
93 | Es interesante añadir un **bótón que permita hacer zum al elemento desde la tabla**. Para obtener una comunicación directa entre componentes, y que ejecute el método *flyTo()* de Leaflet en el compomente *MapView*, he usado el [**patrón de diseño **Observador**](https://es.wikipedia.org/wiki/Observer_(patr%C3%B3n_de_dise%C3%B1o)). Este patrón define una dependencia de uno a muchos entre objetos, de forma que cuando un objeto (sujeto) cambie de estado, se notifique y se actualicen automáticamente todos los objetos (observadores) que depende de él. Esta notificación se realiza normalmente a través de uno de sus métodos.
94 |
95 | El patrón se ha usado para comunicar dos componentes hijos, en este caso *ButtonZoom* que obtiene las coordenadas desde las propiedades de cada fila y *MapView* que es donde se encuentra el evento del zum a las coordenadas pasadas.
96 |
97 | Para ser más específicos se ha usado el **patrón Pub-Sub(Publisher-Subscriber)** que añade un evento intermedio. La implementación de este patrón se a realizado gracias a la librería [PubSub](https://www.npmjs.com/package/pubsub-js). En esta [entrada](https://medium.com/@Aida_Pro_/observer-vs-eventbus-patrones-de-dise%C3%B1o-cd8178f48c7d) es donde he obtenido la parte teórica sobre el usos de ambos patrones.
98 |
99 | Lo primero que se ha realizado es la instalación de la librería *pubsub-js* con npm y añadir la importación en los componentes donde los vamos a usar.
100 |
101 | ```javascript
102 | //TableList.js
103 | import React, { Component } from "react";
104 | import PubSub from "pubsub-js";
105 | ...
106 | ```
107 | Creamos la función que vamos publicar. La función se denominará *zoomFeature()* y estará dentro del componente de clase *ButtonZoom()*. Este compomente devuelve un botón en cada fila de la tabla con un evento *onClick* que llama a nuestra función.
108 |
109 | ```javascript
110 | //TableList.js
111 | class ButtonZoom extends Component {
112 |
113 | zoomFeature = () => {
114 | PubSub.publish("zoomFromTableRow", this.props.coor);
115 | };
116 |
117 | render() {
118 | return (
119 |
125 | );
126 | }
127 | }
128 | ```
129 | *ButtonZoom* es usado dentro del componente *TableList* y tiene como propiedades el array de coordenadas del elemento.
130 |
131 | 
132 |
133 | Vamos a definir los observadores/suscriptores de nuetro evento. En la aplicación será el compomente *MapView* que es donde podemos usar los métodos de Leaflet gracias al [uso de referencias en React como comentamos en el artículo anterior](http://www.sigdeletras.com/2020/side-project-4-react-y-leaflet-wfs/). La suscripción la hacemos dentro del cliclo de vida *componentDidMount()*. Es importante también eliminar la suscripción ya puede ocurrir fugas de memoria. Esto lo haremos con el método *component WillUnmount()* mediante *PubSub.unsubscribe*.
134 |
135 | ```javascript
136 | import React from "react";
137 | import { Map, TileLayer, WMSTileLayer, LayersControl } from "react-leaflet";
138 | import MapLayer from '../MapLayer/MapLayer'
139 | import "leaflet/dist/leaflet.css";
140 | import PubSub from 'pubsub-js'
141 |
142 | export default class MapView extends React.Component {
143 | constructor(props) {
144 | super(props);
145 | this.state = {
146 | geodata: ''
147 | };
148 | }
149 |
150 | componentDidMount() {
151 | PubSub.subscribe('zoomFromTableRow', (e, aCoor) => {
152 | const leafletMap = this.leafletMap.leafletElement;
153 | leafletMap.flyTo([aCoor[1], aCoor[0]], 18);
154 | })
155 | }
156 |
157 | componentWillUnmount(){
158 | PubSub.unsubscribe('zoomFromTableRow')
159 | }
160 | ...
161 | ```
162 | ## GeoApp Final
163 |
164 | 
165 |
166 | ## Resumen de tareas realizadas en el Sprint #3
167 |
168 | 
169 |
170 | ## Hilo de entradas
171 |
172 | - [Side Project: Desarrollo de aplicación web con React y Leaflet (I)](http://www.sigdeletras.com/2020/side-project-desarrollo-de-aplicacion-web-con-react-y-leaflet-i/)
173 | - [Side Project: Desarrollo de aplicación web con React y Leaflet (II). Creando componentes](http://www.sigdeletras.com/2020/side-project-desarrollo-de-aplicacion-web-con-react-y-leaflet-ii-components/)
174 | - [Side Project: Desarrollo de aplicación web con React y Leaflet (III). Funciones, estado y props](http://www.sigdeletras.com/2020/side-project-iii/)
175 | - [Side Project: Desarrollo de aplicación web con React y Leaflet (IV). Datos de servicios sanitarios desde WFS](http://www.sigdeletras.com/2020/side-project-4-react-y-leaflet-wfs/)
176 |
177 | ## Enlaces
178 |
179 | - Repositorio GitHub [React & Maps](https://github.com/sigdeletras/react_maps) (rama *master*)
--------------------------------------------------------------------------------