mirror/lowdefy
2
0
Fork 0
mirror of https://github.com/lowdefy/lowdefy.git synced 2025-03-31 15:20:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(blocks-google-maps): Add onLoad to maps.

Browse Source
This commit is contained in:
StephanieJKS 2022-06-24 11:16:58 +02:00
parent a85cb8d7b8
commit e9a75df9cb
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/plugins/blocks/blocks-google-maps/src/blocks/Map.js
View File

@ -39,15 +39,16 @@ const Map = ({ blockId, children, content, methods, properties }) => {
useEffect(() => {
methods.registerMethod('fitBounds', (args) => {
if (type.isArray(args)) {
args.map((arg) => {
bounds.extend(arg);
});
}
if (type.isObject(args)) {
bounds.extend(args);
if (!bounds || !map) {
throw new Error('fitBounds can only be called once google maps has been mounted.');
}
(args?.bounds ?? []).map((position) => {
bounds.extend(position);
});
map.fitBounds(bounds);
if (args.zoom) {
map.setZoom(args.zoom);
}
});
}, [bounds, map]);
@ -71,9 +72,13 @@ const Map = ({ blockId, children, content, methods, properties }) => {
mapContainerClassName={methods.makeCssClass([STYLE_DEFAULTS, properties.style])}
center={properties.map?.center ?? MAP_DEFAULTS.center}
zoom={properties.map?.zoom ?? MAP_DEFAULTS.zoom}
onLoad={(map) => {
onLoad={(map, event) => {
setMap(map);
setBounds(new window.google.maps.LatLngBounds());
methods.triggerEvent({
name: 'onLoad',
event,
});
}}
onClick={(event) => {
methods.triggerEvent({