solid-map-gl 1.1.28 → 1.2.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 +3 -3
- package/dist/{esm/styles.css → cjs/index.css} +0 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/esm/index.css +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/index/components/Camera/index.d.ts +15 -0
- package/dist/index/components/Camera/index.jsx +49 -0
- package/dist/{types → index}/components/Control/index.d.ts +2 -2
- package/dist/{source → index}/components/Control/index.jsx +8 -6
- package/dist/{types → index}/components/Fog/index.d.ts +2 -2
- package/dist/index/components/Fog/index.jsx +21 -0
- package/dist/{types → index}/components/Image/index.d.ts +1 -2
- package/dist/{source → index}/components/Image/index.jsx +8 -10
- package/dist/{types → index}/components/Layer/index.d.ts +2 -2
- package/dist/{source → index}/components/Layer/index.jsx +28 -26
- package/dist/{types → index}/components/MapGL/index.d.ts +22 -5
- package/dist/{source → index}/components/MapGL/index.jsx +22 -15
- package/dist/{types → index}/components/Marker/index.d.ts +2 -2
- package/dist/{source → index}/components/Marker/index.jsx +6 -5
- package/dist/{types → index}/components/Popup/index.d.ts +2 -2
- package/dist/{source → index}/components/Popup/index.jsx +7 -6
- package/dist/{types → index}/components/Sky/index.d.ts +2 -2
- package/dist/index/components/Sky/index.jsx +22 -0
- package/dist/index/components/Source/index.d.ts +10 -0
- package/dist/index/components/Source/index.jsx +72 -0
- package/dist/{types → index}/components/Terrain/index.d.ts +2 -2
- package/dist/index/components/Terrain/index.jsx +23 -0
- package/dist/{types → index}/events.d.ts +0 -0
- package/dist/{source → index}/events.js +0 -0
- package/dist/index/index.d.ts +12 -0
- package/dist/index/index.jsx +11 -0
- package/dist/index/styles.d.ts +56 -0
- package/dist/index/styles.js +121 -0
- package/package.json +16 -14
- package/dist/source/components/Fog/index.jsx +0 -21
- package/dist/source/components/Sky/index.jsx +0 -22
- package/dist/source/components/Source/index.jsx +0 -32
- package/dist/source/components/Terrain/index.jsx +0 -23
- package/dist/source/index.jsx +0 -10
- package/dist/types/components/Source/index.d.ts +0 -8
- package/dist/types/index.d.ts +0 -11
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { onMount, onCleanup, createEffect, createContext, useContext, createUniqueId, } from 'solid-js';
|
|
2
|
-
import { useMap } from '../MapGL';
|
|
3
|
-
const SourceContext = createContext();
|
|
4
|
-
const useSource = () => useContext(SourceContext);
|
|
5
|
-
const SourceComponent = props => {
|
|
6
|
-
const map = useMap();
|
|
7
|
-
props.id = props.id || createUniqueId();
|
|
8
|
-
// Add Source
|
|
9
|
-
onMount(async () => {
|
|
10
|
-
!map().isStyleLoaded() && (await map().once('styledata'));
|
|
11
|
-
!map().getSource(props.id) && map().addSource(props.id, props.source);
|
|
12
|
-
});
|
|
13
|
-
// Remove Source
|
|
14
|
-
onCleanup(() => {
|
|
15
|
-
map()
|
|
16
|
-
.getStyle()
|
|
17
|
-
.layers.forEach(layer => layer.source === props.id && map().removeLayer(layer.id));
|
|
18
|
-
map().getSource(props.id) && map().removeSource(props.id);
|
|
19
|
-
});
|
|
20
|
-
// Update GeoJSON Data
|
|
21
|
-
createEffect(async () => {
|
|
22
|
-
if (props.source.type !== 'geojson' && !props.source.data)
|
|
23
|
-
return;
|
|
24
|
-
map().style &&
|
|
25
|
-
map().getSource(props.id) &&
|
|
26
|
-
map().getSource(props.id).setData(props.source.data);
|
|
27
|
-
});
|
|
28
|
-
return (<SourceContext.Provider value={{ id: props.id }}>
|
|
29
|
-
{props.children}
|
|
30
|
-
</SourceContext.Provider>);
|
|
31
|
-
};
|
|
32
|
-
export { SourceComponent as default, useSource };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { onMount, onCleanup, createEffect } from 'solid-js';
|
|
2
|
-
import { useMap } from '../MapGL';
|
|
3
|
-
import { useSource } from '../Source';
|
|
4
|
-
const Terrain = props => {
|
|
5
|
-
const map = useMap();
|
|
6
|
-
const source = useSource();
|
|
7
|
-
// Add Terrain Layer
|
|
8
|
-
onMount(async () => {
|
|
9
|
-
!map().isStyleLoaded() && (await map().once('styledata'));
|
|
10
|
-
map().setTerrain({ ...props.style, source: source.id });
|
|
11
|
-
});
|
|
12
|
-
// Remove Terrain Layer
|
|
13
|
-
onCleanup(() => map().setTerrain(null));
|
|
14
|
-
// Update Visibility
|
|
15
|
-
createEffect(async () => {
|
|
16
|
-
if (props.visible === undefined)
|
|
17
|
-
return;
|
|
18
|
-
!map().isStyleLoaded() && (await map().once('styledata'));
|
|
19
|
-
map().setTerrain(props.visible ? props.style : null);
|
|
20
|
-
});
|
|
21
|
-
return props.children;
|
|
22
|
-
};
|
|
23
|
-
export default Terrain;
|
package/dist/source/index.jsx
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { default, useMap } from './components/MapGL';
|
|
2
|
-
export { default as Source } from './components/Source';
|
|
3
|
-
export { default as Layer } from './components/Layer';
|
|
4
|
-
export { default as Fog } from './components/Fog';
|
|
5
|
-
export { default as Sky } from './components/Sky';
|
|
6
|
-
export { default as Terrain } from './components/Terrain';
|
|
7
|
-
export { default as Control } from './components/Control';
|
|
8
|
-
export { default as Marker } from './components/Marker';
|
|
9
|
-
export { default as Popup } from './components/Popup';
|
|
10
|
-
export { default as Image } from './components/Image';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Component } from 'solid-js';
|
|
2
|
-
import type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js';
|
|
3
|
-
declare const useSource: () => Source;
|
|
4
|
-
declare const SourceComponent: Component<{
|
|
5
|
-
id?: string;
|
|
6
|
-
source: SourceSpecification;
|
|
7
|
-
}>;
|
|
8
|
-
export { SourceComponent as default, useSource };
|
package/dist/types/index.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export { default, useMap } from './components/MapGL';
|
|
2
|
-
export { default as Source } from './components/Source';
|
|
3
|
-
export { default as Layer } from './components/Layer';
|
|
4
|
-
export { default as Fog } from './components/Fog';
|
|
5
|
-
export { default as Sky } from './components/Sky';
|
|
6
|
-
export { default as Terrain } from './components/Terrain';
|
|
7
|
-
export { default as Control } from './components/Control';
|
|
8
|
-
export { default as Marker } from './components/Marker';
|
|
9
|
-
export { default as Popup } from './components/Popup';
|
|
10
|
-
export { default as Image } from './components/Image';
|
|
11
|
-
export type { Viewport } from './components/MapGL';
|