@woosmap/ui 4.236.2 → 4.236.3
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/package.json +1 -1
- package/src/Constants.js +1 -1
- package/src/components/Map/Map.stories.js +84 -84
package/package.json
CHANGED
package/src/Constants.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default Object.freeze({
|
|
2
2
|
woosmapKey: 'woos-5ec4eecd-d907-3da0-90f0-f2f3b7e4e672',
|
|
3
3
|
geolocationWoosmapSearchKey: 'woos-81a699ca-5082-3ffd-9f54-a684a4b82853',
|
|
4
|
-
gmapKey: 'AIzaSyAogtvSQJ8e1LO6WH6GzSI-QtwaRPCV5C8',
|
|
4
|
+
// gmapKey: 'AIzaSyAogtvSQJ8e1LO6WH6GzSI-QtwaRPCV5C8',
|
|
5
5
|
woosmapMapSdkUrl: 'https://sdk.woosmap.com/map/map.js',
|
|
6
6
|
});
|
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import GoogleMapReact from 'google-map-react';
|
|
3
|
-
import Marker from './Marker';
|
|
4
|
-
import { viewpoint, circle } from './drawOnMap';
|
|
5
|
-
import Constants from '../../Constants';
|
|
6
|
-
|
|
7
|
-
const Story = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export default Story;
|
|
13
|
-
|
|
14
|
-
function Template(args) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
export const Default = Template.bind({});
|
|
22
|
-
Default.args = {
|
|
23
|
-
|
|
24
|
-
};
|
|
25
|
-
Default.parameters = {
|
|
26
|
-
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
function TemplateMap() {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
export const MarkerOnMap = TemplateMap.bind({});
|
|
44
|
-
|
|
45
|
-
function TemplateDrawViewpointMap() {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
export const ViewpointOnMap = TemplateDrawViewpointMap.bind({});
|
|
68
|
-
|
|
69
|
-
function TemplateDrawCircleMap() {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
export const AccuracyOnMap = TemplateDrawCircleMap.bind({});
|
|
1
|
+
// import React from 'react';
|
|
2
|
+
// import GoogleMapReact from 'google-map-react';
|
|
3
|
+
// import Marker from './Marker';
|
|
4
|
+
// import { viewpoint, circle } from './drawOnMap';
|
|
5
|
+
// import Constants from '../../Constants';
|
|
6
|
+
//
|
|
7
|
+
// const Story = {
|
|
8
|
+
// title: 'map/Marker',
|
|
9
|
+
// component: Marker,
|
|
10
|
+
// };
|
|
11
|
+
//
|
|
12
|
+
// export default Story;
|
|
13
|
+
//
|
|
14
|
+
// function Template(args) {
|
|
15
|
+
// return (
|
|
16
|
+
// <div style={{ position: 'relative', marginTop: '50px' }}>
|
|
17
|
+
// <Marker {...args} />
|
|
18
|
+
// </div>
|
|
19
|
+
// );
|
|
20
|
+
// }
|
|
21
|
+
// export const Default = Template.bind({});
|
|
22
|
+
// Default.args = {
|
|
23
|
+
// text: '',
|
|
24
|
+
// };
|
|
25
|
+
// Default.parameters = {
|
|
26
|
+
// jest: ['Marker.test.js'],
|
|
27
|
+
// };
|
|
28
|
+
//
|
|
29
|
+
// function TemplateMap() {
|
|
30
|
+
// return (
|
|
31
|
+
// <div style={{ height: '500px', width: '500px' }}>
|
|
32
|
+
// <GoogleMapReact
|
|
33
|
+
// defaultZoom={10}
|
|
34
|
+
// center={[48.86559784502703, 2.3384846666317585]}
|
|
35
|
+
// bootstrapURLKeys={{ key: Constants.gmapKey }}
|
|
36
|
+
// yesIWantToUseGoogleMapApiInternals
|
|
37
|
+
// >
|
|
38
|
+
// <Marker lat={48.86559784502703} lng={48.86559784502703} />
|
|
39
|
+
// </GoogleMapReact>
|
|
40
|
+
// </div>
|
|
41
|
+
// );
|
|
42
|
+
// }
|
|
43
|
+
// export const MarkerOnMap = TemplateMap.bind({});
|
|
44
|
+
//
|
|
45
|
+
// function TemplateDrawViewpointMap() {
|
|
46
|
+
// return (
|
|
47
|
+
// <div style={{ height: '500px', width: '500px' }}>
|
|
48
|
+
// <GoogleMapReact
|
|
49
|
+
// defaultZoom={10}
|
|
50
|
+
// center={[48.86559784502703, 2.3384846666317585]}
|
|
51
|
+
// bootstrapURLKeys={{ key: Constants.gmapKey }}
|
|
52
|
+
// yesIWantToUseGoogleMapApiInternals
|
|
53
|
+
// onGoogleApiLoaded={({ map }) => {
|
|
54
|
+
// viewpoint(map, {
|
|
55
|
+
// bounds: {
|
|
56
|
+
// east: 2.249876823200777,
|
|
57
|
+
// north: 48.82055026600023,
|
|
58
|
+
// west: 2.4362195043577772,
|
|
59
|
+
// south: 48.89723441452986,
|
|
60
|
+
// },
|
|
61
|
+
// });
|
|
62
|
+
// }}
|
|
63
|
+
// />
|
|
64
|
+
// </div>
|
|
65
|
+
// );
|
|
66
|
+
// }
|
|
67
|
+
// export const ViewpointOnMap = TemplateDrawViewpointMap.bind({});
|
|
68
|
+
//
|
|
69
|
+
// function TemplateDrawCircleMap() {
|
|
70
|
+
// return (
|
|
71
|
+
// <div style={{ height: '500px', width: '500px' }}>
|
|
72
|
+
// <GoogleMapReact
|
|
73
|
+
// defaultZoom={10}
|
|
74
|
+
// center={[48.86559784502703, 2.3384846666317585]}
|
|
75
|
+
// bootstrapURLKeys={{ key: Constants.gmapKey }}
|
|
76
|
+
// yesIWantToUseGoogleMapApiInternals
|
|
77
|
+
// onGoogleApiLoaded={({ map }) => {
|
|
78
|
+
// circle(map, { lat: 48.86559784502703, lng: 2.3384846666317585 }, 5000);
|
|
79
|
+
// }}
|
|
80
|
+
// />
|
|
81
|
+
// </div>
|
|
82
|
+
// );
|
|
83
|
+
// }
|
|
84
|
+
// export const AccuracyOnMap = TemplateDrawCircleMap.bind({});
|