@lowdefy/blocks-google-maps 0.0.0-experimental-20260720072521 → 0.0.0-experimental-20260720135014

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lowdefy/blocks-google-maps",
3
- "version": "0.0.0-experimental-20260720072521",
3
+ "version": "0.0.0-experimental-20260720135014",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Google Maps Blocks for Lowdefy.",
6
6
  "homepage": "https://lowdefy.com",
@@ -35,19 +35,19 @@
35
35
  "dist/*"
36
36
  ],
37
37
  "dependencies": {
38
- "@lowdefy/block-utils": "0.0.0-experimental-20260720072521",
39
- "@react-google-maps/api": "2.20.8"
38
+ "@lowdefy/block-utils": "0.0.0-experimental-20260720135014",
39
+ "@react-google-maps/api": "2.19.2"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "react": ">=18",
43
43
  "react-dom": ">=18"
44
44
  },
45
45
  "devDependencies": {
46
- "@lowdefy/block-dev-e2e": "0.0.0-experimental-20260720072521",
47
- "@lowdefy/e2e-utils": "0.0.0-experimental-20260720072521",
48
- "@playwright/test": "1.59.1",
49
- "@swc/cli": "0.8.1",
50
- "@swc/core": "1.15.32",
46
+ "@lowdefy/block-dev-e2e": "0.0.0-experimental-20260720135014",
47
+ "@lowdefy/e2e-utils": "0.0.0-experimental-20260720135014",
48
+ "@playwright/test": "1.50.1",
49
+ "@swc/cli": "0.8.0",
50
+ "@swc/core": "1.15.18",
51
51
  "copyfiles": "2.4.1"
52
52
  },
53
53
  "publishConfig": {
@@ -56,7 +56,7 @@
56
56
  "scripts": {
57
57
  "build": "swc src --out-dir dist --config-file ../../../../.swcrc --cli-config-file ../../../../.swc-cli.json && pnpm copyfiles",
58
58
  "clean": "rm -rf dist",
59
- "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.snap\"",
59
+ "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
60
60
  "e2e": "playwright test --config e2e/playwright.config.js",
61
61
  "e2e:ui": "playwright test --config e2e/playwright.config.js --ui"
62
62
  }
@@ -1,492 +0,0 @@
1
- # Copyright 2020-2026 Lowdefy, Inc
2
-
3
- # Licensed under the Apache License, Version 2.0 (the "License");
4
- # you may not use this file except in compliance with the License.
5
- # You may obtain a copy of the License at
6
-
7
- # http://www.apache.org/licenses/LICENSE-2.0
8
-
9
- # Unless required by applicable law or agreed to in writing, software
10
- # distributed under the License is distributed on an "AS IS" BASIS,
11
- # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- # See the License for the specific language governing permissions and
13
- # limitations under the License.
14
-
15
- # Note: All examples on this page are wrapped in a single GoogleMapsScript
16
- # block via the docs page template. Individual examples do not need their own script.
17
-
18
- - title: Default Map
19
- blocks:
20
- - id: gm_default
21
- type: GoogleMaps
22
-
23
- - title: Center and Zoom
24
- blocks:
25
- - id: gm_center_paris
26
- type: GoogleMaps
27
- properties:
28
- map:
29
- center:
30
- lat: 48.8566
31
- lng: 2.3522
32
- zoom: 14
33
-
34
- - title: Map Type Options
35
- blocks:
36
- - id: gm_type_satellite
37
- type: GoogleMaps
38
- properties:
39
- map:
40
- center:
41
- lat: 37.7749
42
- lng: -122.4194
43
- zoom: 13
44
- mapTypeId: satellite
45
-
46
- - title: Map UI Controls
47
- blocks:
48
- - id: gm_no_default_ui
49
- type: GoogleMaps
50
- properties:
51
- map:
52
- center:
53
- lat: 34.0522
54
- lng: -118.2437
55
- zoom: 10
56
- disableDefaultUI: true
57
- - id: gm_selective_controls
58
- type: GoogleMaps
59
- properties:
60
- map:
61
- center:
62
- lat: 34.0522
63
- lng: -118.2437
64
- zoom: 10
65
- zoomControl: false
66
- streetViewControl: false
67
- fullscreenControl: true
68
- mapTypeControl: false
69
-
70
- - title: Single Marker
71
- blocks:
72
- - id: gm_single_marker
73
- type: GoogleMaps
74
- properties:
75
- map:
76
- center:
77
- lat: 48.8566
78
- lng: 2.3522
79
- zoom: 14
80
- markers:
81
- - position:
82
- lat: 48.8584
83
- lng: 2.2945
84
- label: E
85
- title: Eiffel Tower
86
-
87
- - title: Multiple Markers
88
- blocks:
89
- - id: gm_multi_markers
90
- type: GoogleMaps
91
- properties:
92
- map:
93
- center:
94
- lat: 40.7484
95
- lng: -73.9857
96
- zoom: 12
97
- markers:
98
- - position:
99
- lat: 40.6892
100
- lng: -74.0445
101
- label: A
102
- title: Statue of Liberty
103
- - position:
104
- lat: 40.7484
105
- lng: -73.9857
106
- label: B
107
- title: Empire State Building
108
- - position:
109
- lat: 40.7589
110
- lng: -73.9851
111
- label: C
112
- title: Times Square
113
- - position:
114
- lat: 40.7527
115
- lng: -73.9772
116
- label: D
117
- title: Grand Central Terminal
118
-
119
- - title: Marker Clusterers
120
- blocks:
121
- - id: gm_clusterer_basic
122
- type: GoogleMaps
123
- properties:
124
- map:
125
- center:
126
- lat: 51.51
127
- lng: -0.13
128
- zoom: 12
129
- markerClusterers:
130
- - markers:
131
- - position:
132
- lat: 51.5074
133
- lng: -0.1278
134
- - position:
135
- lat: 51.5155
136
- lng: -0.1419
137
- - position:
138
- lat: 51.5014
139
- lng: -0.1419
140
- - position:
141
- lat: 51.5194
142
- lng: -0.1270
143
- - position:
144
- lat: 51.5033
145
- lng: -0.1195
146
- - id: gm_clusterer_options
147
- type: GoogleMaps
148
- properties:
149
- map:
150
- center:
151
- lat: 51.51
152
- lng: -0.13
153
- zoom: 10
154
- markerClusterers:
155
- - markers:
156
- - position:
157
- lat: 51.5074
158
- lng: -0.1278
159
- - position:
160
- lat: 51.5155
161
- lng: -0.1419
162
- - position:
163
- lat: 51.5014
164
- lng: -0.1419
165
- - position:
166
- lat: 51.5194
167
- lng: -0.1270
168
- - position:
169
- lat: 51.5033
170
- lng: -0.1195
171
- - position:
172
- lat: 51.4900
173
- lng: -0.1400
174
- - position:
175
- lat: 51.5250
176
- lng: -0.1100
177
- options:
178
- averageCenter: true
179
- gridSize: 60
180
- minimumClusterSize: 3
181
- zoomOnClick: true
182
-
183
- - title: Info Window
184
- blocks:
185
- - id: gm_info_window
186
- type: GoogleMaps
187
- properties:
188
- map:
189
- center:
190
- lat: -33.8568
191
- lng: 151.2153
192
- zoom: 15
193
- markers:
194
- - position:
195
- lat: -33.8568
196
- lng: 151.2153
197
- title: Sydney Opera House
198
- infoWindow:
199
- position:
200
- lat: -33.8568
201
- lng: 151.2153
202
-
203
- - title: Auto Bounds
204
- blocks:
205
- - id: gm_auto_bounds_enabled
206
- type: GoogleMaps
207
- properties:
208
- markers:
209
- - position:
210
- lat: 48.8566
211
- lng: 2.3522
212
- label: Paris
213
- - position:
214
- lat: 35.6762
215
- lng: 139.6503
216
- label: Tokyo
217
- - position:
218
- lat: -33.8688
219
- lng: 151.2093
220
- label: Sydney
221
- - id: gm_auto_bounds_disabled
222
- type: GoogleMaps
223
- properties:
224
- autoBounds: false
225
- map:
226
- center:
227
- lat: 0
228
- lng: 0
229
- zoom: 2
230
- markers:
231
- - position:
232
- lat: 48.8566
233
- lng: 2.3522
234
- - position:
235
- lat: 35.6762
236
- lng: 139.6503
237
-
238
- - title: Custom Map Style
239
- blocks:
240
- - id: gm_custom_style_tall
241
- type: GoogleMaps
242
- properties:
243
- style:
244
- height: 500px
245
- map:
246
- center:
247
- lat: 40.7128
248
- lng: -74.006
249
- zoom: 12
250
- - id: gm_custom_style_compact
251
- type: GoogleMaps
252
- properties:
253
- style:
254
- height: 200px
255
- map:
256
- center:
257
- lat: 51.5074
258
- lng: -0.1278
259
- zoom: 10
260
-
261
- - title: Heatmap Layer
262
- blocks:
263
- - id: gm_heatmap
264
- type: GoogleMaps
265
- properties:
266
- map:
267
- center:
268
- lat: 37.775
269
- lng: -122.434
270
- zoom: 13
271
- heatmap:
272
- data:
273
- - lat: 37.782
274
- lng: -122.447
275
- weight: 3
276
- - lat: 37.782
277
- lng: -122.445
278
- weight: 2
279
- - lat: 37.782
280
- lng: -122.443
281
- weight: 5
282
- - lat: 37.780
283
- lng: -122.440
284
- weight: 1
285
- - lat: 37.779
286
- lng: -122.438
287
- weight: 4
288
- - lat: 37.774
289
- lng: -122.430
290
- weight: 2
291
- - lat: 37.770
292
- lng: -122.425
293
- weight: 3
294
-
295
- - title: Map Event Actions
296
- blocks:
297
- - id: gm_events_click
298
- type: GoogleMaps
299
- properties:
300
- map:
301
- center:
302
- lat: 51.5074
303
- lng: -0.1278
304
- zoom: 12
305
- markers:
306
- - position:
307
- lat: 51.5074
308
- lng: -0.1278
309
- label: A
310
- title: Central London
311
- events:
312
- onClick:
313
- - id: gm_click_action
314
- type: DisplayMessage
315
- params:
316
- content: Map clicked!
317
- duration: 3
318
- onMarkerClick:
319
- - id: gm_marker_click_action
320
- type: DisplayMessage
321
- params:
322
- content: Marker clicked!
323
- duration: 3
324
- onZoomChanged:
325
- - id: gm_zoom_action
326
- type: SetState
327
- params:
328
- lastZoomEvent: zoom level changed
329
-
330
- - title: Styled Map Container (Tailwind CSS)
331
- blocks:
332
- - id: gm_tailwind_rounded
333
- type: GoogleMaps
334
- class: rounded-xl overflow-hidden shadow-lg
335
- properties:
336
- map:
337
- center:
338
- lat: 48.8566
339
- lng: 2.3522
340
- zoom: 13
341
- - id: gm_tailwind_bordered
342
- type: GoogleMaps
343
- class: rounded-lg border-2 border-blue-400 shadow-md
344
- properties:
345
- map:
346
- center:
347
- lat: 35.6762
348
- lng: 139.6503
349
- zoom: 12
350
-
351
- - title: CSS Key Classes
352
- blocks:
353
- - id: gm_css_key_element
354
- type: GoogleMaps
355
- class:
356
- element: rounded-2xl overflow-hidden shadow-xl border border-gray-200
357
- properties:
358
- map:
359
- center:
360
- lat: 40.4168
361
- lng: -3.7038
362
- zoom: 13
363
-
364
- - title: GoogleMaps in Store Locator
365
- fullWidth: true
366
- blocks:
367
- - id: gm_store_locator_title
368
- type: Title
369
- properties:
370
- content: Coffee Shop Locations
371
- level: 4
372
- - id: gm_store_locator_description
373
- type: Paragraph
374
- properties:
375
- content: Find your nearest branch. Click a marker for details.
376
- - id: gm_store_locator_map
377
- type: GoogleMaps
378
- class: rounded-lg overflow-hidden shadow-md
379
- properties:
380
- style:
381
- height: 400px
382
- map:
383
- center:
384
- lat: 40.7580
385
- lng: -73.9855
386
- zoom: 14
387
- markers:
388
- - position:
389
- lat: 40.7614
390
- lng: -73.9776
391
- label: '1'
392
- title: 5th Avenue Branch
393
- - position:
394
- lat: 40.7549
395
- lng: -73.9840
396
- label: '2'
397
- title: Times Square Branch
398
- - position:
399
- lat: 40.7527
400
- lng: -73.9772
401
- label: '3'
402
- title: Grand Central Branch
403
- events:
404
- onMarkerClick:
405
- - id: gm_store_locator_marker_click
406
- type: DisplayMessage
407
- params:
408
- content: Loading branch details...
409
- duration: 2
410
-
411
- - title: GoogleMaps in Delivery Tracking Dashboard
412
- fullWidth: true
413
- blocks:
414
- - id: gm_delivery_header
415
- type: Box
416
- layout:
417
- gap: 16
418
- align: center
419
- blocks:
420
- - id: gm_delivery_title
421
- type: Title
422
- layout:
423
- flex: 1 1 0
424
- properties:
425
- content: Active Deliveries
426
- level: 4
427
- - id: gm_delivery_count
428
- type: Tag
429
- layout:
430
- flex: 0 0 auto
431
- properties:
432
- title: 4 in transit
433
- color: processing
434
- - id: gm_delivery_map
435
- type: GoogleMaps
436
- class: rounded-lg overflow-hidden border border-gray-200
437
- properties:
438
- style:
439
- height: 450px
440
- map:
441
- center:
442
- lat: 51.51
443
- lng: -0.12
444
- zoom: 12
445
- markers:
446
- - position:
447
- lat: 51.5225
448
- lng: -0.0835
449
- label: '1'
450
- title: 'Order #1042 - En route'
451
- - position:
452
- lat: 51.5074
453
- lng: -0.1278
454
- label: '2'
455
- title: 'Order #1043 - Arriving soon'
456
- - position:
457
- lat: 51.4975
458
- lng: -0.1357
459
- label: '3'
460
- title: 'Order #1044 - Picked up'
461
- - position:
462
- lat: 51.5155
463
- lng: -0.1419
464
- label: '4'
465
- title: 'Order #1045 - En route'
466
- events:
467
- onMarkerClick:
468
- - id: gm_delivery_marker_action
469
- type: DisplayMessage
470
- params:
471
- content: Opening delivery details...
472
- duration: 2
473
- - id: gm_delivery_legend
474
- type: Box
475
- layout:
476
- gap: 16
477
- blocks:
478
- - id: gm_delivery_tag1
479
- type: Tag
480
- properties:
481
- title: En route
482
- color: blue
483
- - id: gm_delivery_tag2
484
- type: Tag
485
- properties:
486
- title: Arriving soon
487
- color: green
488
- - id: gm_delivery_tag3
489
- type: Tag
490
- properties:
491
- title: Picked up
492
- color: orange
@@ -1,563 +0,0 @@
1
- # Copyright 2020-2026 Lowdefy, Inc
2
-
3
- # Licensed under the Apache License, Version 2.0 (the "License");
4
- # you may not use this file except in compliance with the License.
5
- # You may obtain a copy of the License at
6
-
7
- # http://www.apache.org/licenses/LICENSE-2.0
8
-
9
- # Unless required by applicable law or agreed to in writing, software
10
- # distributed under the License is distributed on an "AS IS" BASIS,
11
- # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- # See the License for the specific language governing permissions and
13
- # limitations under the License.
14
-
15
- # Note: All examples on this page are wrapped in a single GoogleMapsScript
16
- # block via the docs page template. Individual examples do not need their own script.
17
-
18
- - title: Basic Heatmap
19
- blocks:
20
- - id: heatmap_basic
21
- type: GoogleMapsHeatmap
22
- properties:
23
- map:
24
- center:
25
- lat: 37.775
26
- lng: -122.434
27
- zoom: 13
28
- heatmap:
29
- data:
30
- - lat: 37.782
31
- lng: -122.447
32
- - lat: 37.782
33
- lng: -122.445
34
- - lat: 37.782
35
- lng: -122.443
36
- - lat: 37.784
37
- lng: -122.441
38
- - lat: 37.786
39
- lng: -122.439
40
- - lat: 37.786
41
- lng: -122.435
42
- - lat: 37.770
43
- lng: -122.432
44
- - lat: 37.768
45
- lng: -122.430
46
-
47
- - title: Map Center and Zoom
48
- blocks:
49
- - id: heatmap_zoomed_out
50
- type: GoogleMapsHeatmap
51
- properties:
52
- map:
53
- center:
54
- lat: 51.509
55
- lng: -0.118
56
- zoom: 10
57
- heatmap:
58
- data:
59
- - lat: 51.512
60
- lng: -0.091
61
- - lat: 51.507
62
- lng: -0.076
63
- - lat: 51.503
64
- lng: -0.119
65
- - lat: 51.515
66
- lng: -0.142
67
- - id: heatmap_zoomed_in
68
- type: GoogleMapsHeatmap
69
- properties:
70
- map:
71
- center:
72
- lat: 51.509
73
- lng: -0.118
74
- zoom: 15
75
- heatmap:
76
- data:
77
- - lat: 51.512
78
- lng: -0.091
79
- - lat: 51.507
80
- lng: -0.076
81
- - lat: 51.503
82
- lng: -0.119
83
- - lat: 51.515
84
- lng: -0.142
85
-
86
- - title: Map Options
87
- blocks:
88
- - id: heatmap_map_options
89
- type: GoogleMapsHeatmap
90
- properties:
91
- map:
92
- center:
93
- lat: 40.7128
94
- lng: -74.006
95
- zoom: 12
96
- options:
97
- mapTypeId: satellite
98
- disableDefaultUI: true
99
- heatmap:
100
- data:
101
- - lat: 40.7128
102
- lng: -74.006
103
- - lat: 40.7200
104
- lng: -73.998
105
- - lat: 40.7060
106
- lng: -74.010
107
- - lat: 40.7180
108
- lng: -73.990
109
-
110
- - title: Weighted Heatmap Data
111
- blocks:
112
- - id: heatmap_weighted
113
- type: GoogleMapsHeatmap
114
- properties:
115
- autoBounds: false
116
- map:
117
- center:
118
- lat: 51.509
119
- lng: -0.118
120
- zoom: 13
121
- heatmap:
122
- data:
123
- - location:
124
- lat: 51.512
125
- lng: -0.091
126
- weight: 10
127
- - location:
128
- lat: 51.507
129
- lng: -0.076
130
- weight: 5
131
- - location:
132
- lat: 51.503
133
- lng: -0.119
134
- weight: 8
135
- - location:
136
- lat: 51.515
137
- lng: -0.142
138
- weight: 3
139
- - location:
140
- lat: 51.520
141
- lng: -0.105
142
- weight: 7
143
-
144
- - title: Heatmap Radius and Opacity
145
- blocks:
146
- - id: heatmap_radius_small
147
- type: GoogleMapsHeatmap
148
- properties:
149
- map:
150
- center:
151
- lat: 40.7128
152
- lng: -74.006
153
- zoom: 12
154
- heatmap:
155
- radius: 15
156
- data:
157
- - lat: 40.7128
158
- lng: -74.006
159
- - lat: 40.7200
160
- lng: -73.998
161
- - lat: 40.7060
162
- lng: -74.010
163
- - lat: 40.7180
164
- lng: -73.990
165
- - lat: 40.7100
166
- lng: -74.015
167
- - id: heatmap_radius_large
168
- type: GoogleMapsHeatmap
169
- properties:
170
- map:
171
- center:
172
- lat: 40.7128
173
- lng: -74.006
174
- zoom: 12
175
- heatmap:
176
- radius: 50
177
- data:
178
- - lat: 40.7128
179
- lng: -74.006
180
- - lat: 40.7200
181
- lng: -73.998
182
- - lat: 40.7060
183
- lng: -74.010
184
- - lat: 40.7180
185
- lng: -73.990
186
- - lat: 40.7100
187
- lng: -74.015
188
- - id: heatmap_opacity_low
189
- type: GoogleMapsHeatmap
190
- properties:
191
- map:
192
- center:
193
- lat: 34.0522
194
- lng: -118.2437
195
- zoom: 12
196
- heatmap:
197
- opacity: 0.3
198
- data:
199
- - lat: 34.0522
200
- lng: -118.2437
201
- - lat: 34.0600
202
- lng: -118.2500
203
- - lat: 34.0480
204
- lng: -118.2350
205
- - lat: 34.0550
206
- lng: -118.2600
207
- - id: heatmap_opacity_full
208
- type: GoogleMapsHeatmap
209
- properties:
210
- map:
211
- center:
212
- lat: 34.0522
213
- lng: -118.2437
214
- zoom: 12
215
- heatmap:
216
- opacity: 1
217
- data:
218
- - lat: 34.0522
219
- lng: -118.2437
220
- - lat: 34.0600
221
- lng: -118.2500
222
- - lat: 34.0480
223
- lng: -118.2350
224
- - lat: 34.0550
225
- lng: -118.2600
226
-
227
- - title: Auto Bounds
228
- blocks:
229
- - id: heatmap_no_auto_bounds
230
- type: GoogleMapsHeatmap
231
- properties:
232
- autoBounds: false
233
- map:
234
- center:
235
- lat: 35.6762
236
- lng: 139.6503
237
- zoom: 11
238
- heatmap:
239
- data:
240
- - lat: 35.6812
241
- lng: 139.7671
242
- - lat: 35.6595
243
- lng: 139.7005
244
- - lat: 35.6938
245
- lng: 139.7034
246
- - lat: 35.6586
247
- lng: 139.7454
248
-
249
- - title: Heatmap with Markers
250
- blocks:
251
- - id: heatmap_with_markers
252
- type: GoogleMapsHeatmap
253
- properties:
254
- map:
255
- center:
256
- lat: 48.8566
257
- lng: 2.3522
258
- zoom: 13
259
- markers:
260
- - position:
261
- lat: 48.8584
262
- lng: 2.2945
263
- label: A
264
- - position:
265
- lat: 48.8606
266
- lng: 2.3376
267
- label: B
268
- - position:
269
- lat: 48.8530
270
- lng: 2.3499
271
- label: C
272
- heatmap:
273
- radius: 25
274
- data:
275
- - lat: 48.8584
276
- lng: 2.2945
277
- - lat: 48.8606
278
- lng: 2.3376
279
- - lat: 48.8530
280
- lng: 2.3499
281
- - lat: 48.8620
282
- lng: 2.3320
283
- - lat: 48.8566
284
- lng: 2.3522
285
-
286
- - title: Custom Map Style
287
- blocks:
288
- - id: heatmap_custom_style
289
- type: GoogleMapsHeatmap
290
- properties:
291
- style:
292
- width: 100%
293
- height: 500px
294
- map:
295
- center:
296
- lat: -33.8688
297
- lng: 151.2093
298
- zoom: 12
299
- heatmap:
300
- radius: 30
301
- data:
302
- - lat: -33.8688
303
- lng: 151.2093
304
- - lat: -33.8560
305
- lng: 151.2153
306
- - lat: -33.8750
307
- lng: 151.2000
308
- - lat: -33.8610
309
- lng: 151.2100
310
-
311
- - title: Map Event Actions
312
- blocks:
313
- - id: heatmap_events
314
- type: GoogleMapsHeatmap
315
- properties:
316
- map:
317
- center:
318
- lat: 48.8566
319
- lng: 2.3522
320
- zoom: 13
321
- markers:
322
- - position:
323
- lat: 48.8584
324
- lng: 2.2945
325
- label: A
326
- - position:
327
- lat: 48.8606
328
- lng: 2.3376
329
- label: B
330
- heatmap:
331
- data:
332
- - lat: 48.8584
333
- lng: 2.2945
334
- - lat: 48.8606
335
- lng: 2.3376
336
- - lat: 48.8566
337
- lng: 2.3522
338
- events:
339
- onClick:
340
- - id: heatmap_click_display
341
- type: DisplayMessage
342
- params:
343
- content: Map clicked!
344
- status: info
345
- onMarkerClick:
346
- - id: heatmap_marker_click_msg
347
- type: DisplayMessage
348
- params:
349
- content: Marker clicked!
350
- status: success
351
- onZoomChanged:
352
- - id: heatmap_zoom_set_state
353
- type: SetState
354
- params:
355
- currentZoom:
356
- _event: zoom
357
-
358
- - title: CSS Key Styling
359
- blocks:
360
- - id: heatmap_css_element
361
- type: GoogleMapsHeatmap
362
- class:
363
- element: rounded-xl shadow-lg border-2 border-blue-300
364
- properties:
365
- map:
366
- center:
367
- lat: 37.775
368
- lng: -122.434
369
- zoom: 13
370
- heatmap:
371
- data:
372
- - lat: 37.782
373
- lng: -122.447
374
- - lat: 37.782
375
- lng: -122.445
376
- - lat: 37.784
377
- lng: -122.441
378
- - lat: 37.786
379
- lng: -122.435
380
- - id: heatmap_css_rounded_shadow
381
- type: GoogleMapsHeatmap
382
- class:
383
- element: rounded-2xl shadow-2xl overflow-hidden
384
- properties:
385
- style:
386
- height: 350px
387
- map:
388
- center:
389
- lat: 51.509
390
- lng: -0.118
391
- zoom: 13
392
- heatmap:
393
- data:
394
- - lat: 51.512
395
- lng: -0.091
396
- - lat: 51.507
397
- lng: -0.076
398
- - lat: 51.503
399
- lng: -0.119
400
-
401
- - title: GoogleMapsHeatmap in Store Activity Dashboard
402
- fullWidth: true
403
- blocks:
404
- - id: store_dashboard_title
405
- type: Title
406
- properties:
407
- content: Store Foot Traffic Analysis
408
- level: 3
409
- - id: store_dashboard_desc
410
- type: Paragraph
411
- properties:
412
- content: Visualizing customer activity density across downtown locations. Higher intensity areas indicate more foot traffic during peak hours.
413
- - id: store_dashboard_map
414
- type: GoogleMapsHeatmap
415
- class:
416
- element: rounded-lg shadow-md
417
- properties:
418
- style:
419
- height: 450px
420
- map:
421
- center:
422
- lat: 40.7580
423
- lng: -73.9855
424
- zoom: 14
425
- markers:
426
- - position:
427
- lat: 40.7614
428
- lng: -73.9776
429
- label: S1
430
- - position:
431
- lat: 40.7549
432
- lng: -73.9840
433
- label: S2
434
- - position:
435
- lat: 40.7587
436
- lng: -73.9900
437
- label: S3
438
- heatmap:
439
- radius: 35
440
- opacity: 0.7
441
- data:
442
- - lat: 40.7614
443
- lng: -73.9776
444
- - lat: 40.7600
445
- lng: -73.9790
446
- - lat: 40.7590
447
- lng: -73.9800
448
- - lat: 40.7549
449
- lng: -73.9840
450
- - lat: 40.7560
451
- lng: -73.9830
452
- - lat: 40.7587
453
- lng: -73.9900
454
- - lat: 40.7575
455
- lng: -73.9870
456
- events:
457
- onMarkerClick:
458
- - id: store_marker_click_msg
459
- type: DisplayMessage
460
- params:
461
- content: Click a store marker to view detailed foot traffic analytics.
462
- status: info
463
-
464
- - title: GoogleMapsHeatmap in Environmental Sensor Network
465
- fullWidth: true
466
- blocks:
467
- - id: sensor_network_card
468
- type: Card
469
- properties:
470
- title: Air Quality Monitoring - San Francisco Bay Area
471
- slots:
472
- extra:
473
- blocks:
474
- - id: sensor_network_refresh_btn
475
- type: Button
476
- layout:
477
- flex: 0 0 auto
478
- properties:
479
- title: Refresh Data
480
- icon: AiOutlineReload
481
- color: primary
482
- variant: outlined
483
- size: small
484
- events:
485
- onClick:
486
- - id: sensor_refresh_msg
487
- type: DisplayMessage
488
- params:
489
- content: Sensor data refreshed.
490
- status: success
491
- blocks:
492
- - id: sensor_network_desc
493
- type: Paragraph
494
- properties:
495
- content: Real-time air quality index readings from distributed sensor stations. Warmer areas on the heatmap indicate higher pollutant concentrations. Markers show individual sensor locations.
496
- - id: sensor_network_map
497
- type: GoogleMapsHeatmap
498
- class:
499
- element: rounded-lg
500
- properties:
501
- autoBounds: false
502
- style:
503
- height: 500px
504
- map:
505
- center:
506
- lat: 37.775
507
- lng: -122.418
508
- zoom: 12
509
- options:
510
- mapTypeControl: false
511
- streetViewControl: false
512
- markers:
513
- - position:
514
- lat: 37.7849
515
- lng: -122.4094
516
- label: '1'
517
- - position:
518
- lat: 37.7694
519
- lng: -122.4862
520
- label: '2'
521
- - position:
522
- lat: 37.7599
523
- lng: -122.4148
524
- label: '3'
525
- - position:
526
- lat: 37.7909
527
- lng: -122.4000
528
- label: '4'
529
- - position:
530
- lat: 37.7750
531
- lng: -122.4350
532
- label: '5'
533
- heatmap:
534
- radius: 40
535
- opacity: 0.6
536
- data:
537
- - lat: 37.7849
538
- lng: -122.4094
539
- - lat: 37.7694
540
- lng: -122.4862
541
- - lat: 37.7599
542
- lng: -122.4148
543
- - lat: 37.7909
544
- lng: -122.4000
545
- - lat: 37.7750
546
- lng: -122.4350
547
- - lat: 37.7800
548
- lng: -122.4200
549
- - lat: 37.7720
550
- lng: -122.4500
551
- events:
552
- onMarkerClick:
553
- - id: sensor_marker_click_msg
554
- type: DisplayMessage
555
- params:
556
- content: Select a sensor station to view detailed air quality readings.
557
- status: info
558
- onClick:
559
- - id: sensor_map_click_set
560
- type: SetState
561
- params:
562
- selectedLocation:
563
- _event: latLng
@@ -1,57 +0,0 @@
1
- # Copyright 2020-2026 Lowdefy, Inc
2
-
3
- # Licensed under the Apache License, Version 2.0 (the "License");
4
- # you may not use this file except in compliance with the License.
5
- # You may obtain a copy of the License at
6
-
7
- # http://www.apache.org/licenses/LICENSE-2.0
8
-
9
- # Unless required by applicable law or agreed to in writing, software
10
- # distributed under the License is distributed on an "AS IS" BASIS,
11
- # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- # See the License for the specific language governing permissions and
13
- # limitations under the License.
14
-
15
- # Note: Only one GoogleMapsScript can be used per page.
16
- # This gallery uses a single example to avoid script loader conflicts.
17
-
18
- - title: Full Configuration
19
- fullWidth: true
20
- blocks:
21
- - id: gms_full_config
22
- type: GoogleMapsScript
23
- properties:
24
- apiKey:
25
- _build.env: GOOGLE_MAPS_API_KEY
26
- language: en
27
- region: US
28
- version: weekly
29
- libraries:
30
- - visualization
31
- - places
32
- channel: production
33
- blocks:
34
- - id: gms_full_config_map
35
- type: GoogleMaps
36
- properties:
37
- map:
38
- center:
39
- lat: 40.7128
40
- lng: -74.006
41
- zoom: 12
42
- markers:
43
- - position:
44
- lat: 40.7484
45
- lng: -73.9857
46
- label: A
47
- title: Empire State Building
48
- - position:
49
- lat: 40.6892
50
- lng: -74.0445
51
- label: B
52
- title: Statue of Liberty
53
- - position:
54
- lat: 40.7589
55
- lng: -73.9851
56
- label: C
57
- title: Times Square
@@ -1,58 +0,0 @@
1
- # Copyright 2020-2026 Lowdefy, Inc
2
-
3
- # Licensed under the Apache License, Version 2.0 (the "License");
4
- # you may not use this file except in compliance with the License.
5
- # You may obtain a copy of the License at
6
-
7
- # http://www.apache.org/licenses/LICENSE-2.0
8
-
9
- # Unless required by applicable law or agreed to in writing, software
10
- # distributed under the License is distributed on an "AS IS" BASIS,
11
- # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12
- # See the License for the specific language governing permissions and
13
- # limitations under the License.
14
-
15
- # NOTE: Google Maps requires a valid API key. Tests verify rendering
16
- # and block structure that work without valid credentials.
17
-
18
- id: googlemapsscript
19
- type: Box
20
-
21
- blocks:
22
- # ============================================
23
- # BASIC RENDERING
24
- # ============================================
25
-
26
- - id: gmscript_basic
27
- type: GoogleMapsScript
28
- properties:
29
- apiKey: test-api-key
30
- blocks:
31
- - id: gm_basic
32
- type: GoogleMaps
33
- properties:
34
- map:
35
- center:
36
- lat: 0
37
- lng: 0
38
- zoom: 3
39
-
40
- - id: gm_with_style
41
- type: GoogleMaps
42
- properties:
43
- map:
44
- center:
45
- lat: 0
46
- lng: 0
47
- zoom: 3
48
- style:
49
- height: 200
50
-
51
- - id: gmheatmap_basic
52
- type: GoogleMapsHeatmap
53
- properties:
54
- map:
55
- center:
56
- lat: 0
57
- lng: 0
58
- zoom: 3