@mapcomponents/react-maplibre 1.5.7-8 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/dist/README.md +7 -7
- package/dist/package.json +1 -1
- package/docs_md/initial_0.gif +0 -0
- package/package.json +1 -1
- package/CHANGELOG.md +0 -898
- package/dist/CHANGELOG.md +0 -898
package/README.md
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
@mapcomponents/react-maplibre is a react component library for declarative GIS application development.
|
|
10
|
-
|
|
11
10
|
## Links
|
|
12
11
|
|
|
13
12
|
- Documentation: https://mapcomponents.github.io/react-map-components-maplibre/
|
|
@@ -26,19 +25,20 @@ The easiest way to start a new project using this framework is to bootstrap a re
|
|
|
26
25
|
**Requirements:**
|
|
27
26
|
|
|
28
27
|
1. node.js >=16
|
|
29
|
-
2. yarn
|
|
30
28
|
|
|
31
29
|
Run the following commands in the terminal:
|
|
32
30
|
|
|
31
|
+
<!--@abc: exec() -->
|
|
33
32
|
```
|
|
34
|
-
|
|
35
|
-
cd
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
npm create mapcomponents-app@latest myApp
|
|
34
|
+
cd myApp
|
|
35
|
+
npm i
|
|
36
|
+
npm run dev
|
|
38
37
|
```
|
|
39
38
|
|
|
40
39
|
<img src="docs_md/initial_0.gif" />
|
|
41
40
|
|
|
41
|
+
|
|
42
42
|
This will start a development server that serves the mapcomponents app on port 5174 of your local machine as well as a browser tab with live reload enabled. This reloads the affected parts of the application if changes are detected to the corresponding files in the filesystem. Open the project folder in the IDE of your choice and start building your map client.
|
|
43
43
|
|
|
44
44
|
<img src="docs_md/initial_3.gif" width="400" />
|
|
@@ -47,7 +47,7 @@ This will start a development server that serves the mapcomponents app on port 5
|
|
|
47
47
|
|
|
48
48
|
In this case, navigate to your project folder in a terminal and execute the following steps:
|
|
49
49
|
|
|
50
|
-
1. Add @mapcomponents/react-maplibre as a dependency to your project using `
|
|
50
|
+
1. Add @mapcomponents/react-maplibre as a dependency to your project using `npm i @mapcomponents/react-maplibre`.
|
|
51
51
|
2. Add the MapComponentsProvider (named export of this module) to your applications react-DOM where it makes sense. Only children of this component will be able to render a map canvas or interact with a maplibre-gl instance. Place it in the index.js entrypoint if your application is a dedicated map app and all components have a high probability to interact with the maplibre-gl instance. Place it somewhere higher in the JSX tree if the map constitutes only a small portion of your app and components outside of the MapComponentsProvider have no need to interact with the map instance.
|
|
52
52
|
3. Add a MapLibreMap component to the react-DOM wherever the map canvas is supposed to be placed.
|
|
53
53
|
|
package/dist/README.md
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
@mapcomponents/react-maplibre is a react component library for declarative GIS application development.
|
|
10
|
-
|
|
11
10
|
## Links
|
|
12
11
|
|
|
13
12
|
- Documentation: https://mapcomponents.github.io/react-map-components-maplibre/
|
|
@@ -26,19 +25,20 @@ The easiest way to start a new project using this framework is to bootstrap a re
|
|
|
26
25
|
**Requirements:**
|
|
27
26
|
|
|
28
27
|
1. node.js >=16
|
|
29
|
-
2. yarn
|
|
30
28
|
|
|
31
29
|
Run the following commands in the terminal:
|
|
32
30
|
|
|
31
|
+
<!--@abc: exec() -->
|
|
33
32
|
```
|
|
34
|
-
|
|
35
|
-
cd
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
npm create mapcomponents-app@latest myApp
|
|
34
|
+
cd myApp
|
|
35
|
+
npm i
|
|
36
|
+
npm run dev
|
|
38
37
|
```
|
|
39
38
|
|
|
40
39
|
<img src="docs_md/initial_0.gif" />
|
|
41
40
|
|
|
41
|
+
|
|
42
42
|
This will start a development server that serves the mapcomponents app on port 5174 of your local machine as well as a browser tab with live reload enabled. This reloads the affected parts of the application if changes are detected to the corresponding files in the filesystem. Open the project folder in the IDE of your choice and start building your map client.
|
|
43
43
|
|
|
44
44
|
<img src="docs_md/initial_3.gif" width="400" />
|
|
@@ -47,7 +47,7 @@ This will start a development server that serves the mapcomponents app on port 5
|
|
|
47
47
|
|
|
48
48
|
In this case, navigate to your project folder in a terminal and execute the following steps:
|
|
49
49
|
|
|
50
|
-
1. Add @mapcomponents/react-maplibre as a dependency to your project using `
|
|
50
|
+
1. Add @mapcomponents/react-maplibre as a dependency to your project using `npm i @mapcomponents/react-maplibre`.
|
|
51
51
|
2. Add the MapComponentsProvider (named export of this module) to your applications react-DOM where it makes sense. Only children of this component will be able to render a map canvas or interact with a maplibre-gl instance. Place it in the index.js entrypoint if your application is a dedicated map app and all components have a high probability to interact with the maplibre-gl instance. Place it somewhere higher in the JSX tree if the map constitutes only a small portion of your app and components outside of the MapComponentsProvider have no need to interact with the map instance.
|
|
52
52
|
3. Add a MapLibreMap component to the react-DOM wherever the map canvas is supposed to be placed.
|
|
53
53
|
|
package/dist/package.json
CHANGED
package/docs_md/initial_0.gif
CHANGED
|
Binary file
|