diff --git a/docs/docs/public/components/googlemaps.png b/docs/docs/public/components/googlemaps.png
new file mode 100644
index 000000000..0134ca7f3
Binary files /dev/null and b/docs/docs/public/components/googlemaps.png differ
diff --git a/ui/package-lock.json b/ui/package-lock.json
index 1b6cc0f9b..b968e1e45 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -9,6 +9,7 @@
 			"version": "0.0.0",
 			"dependencies": {
 				"@apache-arrow/ts": "^12.0.1",
+				"@googlemaps/js-api-loader": "1.16.3",
 				"@monaco-editor/loader": "^1.3.3",
 				"arquero": "^5.2.0",
 				"marked": "^7.0.2",
@@ -24,6 +25,7 @@
 			},
 			"devDependencies": {
 				"@rushstack/eslint-patch": "^1.2.0",
+				"@types/google.maps": "3.55.3",
 				"@types/marked": "^5.0.1",
 				"@vitejs/plugin-vue": "^4.2.1",
 				"@vue/eslint-config-prettier": "^8.0.0",
@@ -516,6 +518,15 @@
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			}
 		},
+		"node_modules/@googlemaps/js-api-loader": {
+			"version": "1.16.3",
+			"resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.3.tgz",
+			"integrity": "sha512-JMN0UaEzAjK6h949WtgXwCm1Xxz+ikELTLRvHuP577ea9Wbx6fEn4Gv3+YHcm04JS4g1iz2tpm4Vw+7G8sUgSQ==",
+			"dependencies": {
+				"@rollup/plugin-terser": "^0.4.3",
+				"fast-deep-equal": "^3.1.3"
+			}
+		},
 		"node_modules/@humanwhocodes/config-array": {
 			"version": "0.11.10",
 			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
@@ -549,11 +560,58 @@
 			"integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
 			"dev": true
 		},
+		"node_modules/@jridgewell/gen-mapping": {
+			"version": "0.3.3",
+			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+			"integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+			"dependencies": {
+				"@jridgewell/set-array": "^1.0.1",
+				"@jridgewell/sourcemap-codec": "^1.4.10",
+				"@jridgewell/trace-mapping": "^0.3.9"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/resolve-uri": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/set-array": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+			"integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/source-map": {
+			"version": "0.3.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+			"integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+			"dependencies": {
+				"@jridgewell/gen-mapping": "^0.3.0",
+				"@jridgewell/trace-mapping": "^0.3.9"
+			}
+		},
 		"node_modules/@jridgewell/sourcemap-codec": {
 			"version": "1.4.15",
 			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
 			"integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
 		},
+		"node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.22",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.22.tgz",
+			"integrity": "sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.1.0",
+				"@jridgewell/sourcemap-codec": "^1.4.14"
+			}
+		},
 		"node_modules/@monaco-editor/loader": {
 			"version": "1.3.3",
 			"resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.3.3.tgz",
@@ -620,6 +678,27 @@
 				"url": "https://opencollective.com/unts"
 			}
 		},
+		"node_modules/@rollup/plugin-terser": {
+			"version": "0.4.4",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.4.tgz",
+			"integrity": "sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==",
+			"dependencies": {
+				"serialize-javascript": "^6.0.1",
+				"smob": "^1.0.0",
+				"terser": "^5.17.4"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^2.0.0||^3.0.0||^4.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@rushstack/eslint-patch": {
 			"version": "1.3.3",
 			"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.3.3.tgz",
@@ -656,6 +735,12 @@
 			"resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.4.tgz",
 			"integrity": "sha512-MHmwBtCb7OCv1DSivz2UNJXPGU/1btAWRKlqJ2saEhVJkpkvqHMMaOpKg0v4sAbDWSQekHGvPVMM8nQ+Jen03Q=="
 		},
+		"node_modules/@types/google.maps": {
+			"version": "3.55.3",
+			"resolved": "https://registry.npmjs.org/@types/google.maps/-/google.maps-3.55.3.tgz",
+			"integrity": "sha512-UF1nfj8h/Vj4wEcdjv5v314HkDB6AWaN34Fr/u+6Oaj+GSRlG+k4c3DnJNKv7S23RvDdvIPt4ON6ONJpzNnarA==",
+			"dev": true
+		},
 		"node_modules/@types/marked": {
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/@types/marked/-/marked-5.0.1.tgz",
@@ -972,6 +1057,11 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/buffer-from": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+			"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+		},
 		"node_modules/builtin-modules": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
@@ -3012,6 +3102,14 @@
 				}
 			]
 		},
+		"node_modules/randombytes": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+			"integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+			"dependencies": {
+				"safe-buffer": "^5.1.0"
+			}
+		},
 		"node_modules/reduce-flatten": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/reduce-flatten/-/reduce-flatten-2.0.0.tgz",
@@ -3101,7 +3199,7 @@
 			"version": "3.28.0",
 			"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.0.tgz",
 			"integrity": "sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==",
-			"dev": true,
+			"devOptional": true,
 			"bin": {
 				"rollup": "dist/bin/rollup"
 			},
@@ -3245,6 +3343,25 @@
 			"resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
 			"integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
 		},
+		"node_modules/safe-buffer": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			]
+		},
 		"node_modules/safer-buffer": {
 			"version": "2.1.2",
 			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -3264,6 +3381,14 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/serialize-javascript": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+			"integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+			"dependencies": {
+				"randombytes": "^2.1.0"
+			}
+		},
 		"node_modules/shebang-command": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -3291,6 +3416,19 @@
 			"integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
 			"dev": true
 		},
+		"node_modules/smob": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/smob/-/smob-1.4.1.tgz",
+			"integrity": "sha512-9LK+E7Hv5R9u4g4C3p+jjLstaLe11MDsL21UpYaCNmapvMkYhqCV4A/f/3gyH8QjMyh6l68q9xC85vihY9ahMQ=="
+		},
+		"node_modules/source-map": {
+			"version": "0.6.1",
+			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+			"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/source-map-js": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -3299,6 +3437,15 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/source-map-support": {
+			"version": "0.5.21",
+			"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+			"integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+			"dependencies": {
+				"buffer-from": "^1.0.0",
+				"source-map": "^0.6.0"
+			}
+		},
 		"node_modules/sprintf-js": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -3427,6 +3574,28 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/terser": {
+			"version": "5.27.1",
+			"resolved": "https://registry.npmjs.org/terser/-/terser-5.27.1.tgz",
+			"integrity": "sha512-29wAr6UU/oQpnTw5HoadwjUZnFQXGdOfj0LjZ4sVxzqwHh/QVkvr7m8y9WoR4iN3FRitVduTc6KdjcW38Npsug==",
+			"dependencies": {
+				"@jridgewell/source-map": "^0.3.3",
+				"acorn": "^8.8.2",
+				"commander": "^2.20.0",
+				"source-map-support": "~0.5.20"
+			},
+			"bin": {
+				"terser": "bin/terser"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/terser/node_modules/commander": {
+			"version": "2.20.3",
+			"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+			"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+		},
 		"node_modules/text-table": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
diff --git a/ui/package.json b/ui/package.json
index 91deb24b7..c82ad70df 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -11,6 +11,7 @@
 	},
 	"dependencies": {
 		"@apache-arrow/ts": "^12.0.1",
+		"@googlemaps/js-api-loader": "1.16.3",
 		"@monaco-editor/loader": "^1.3.3",
 		"arquero": "^5.2.0",
 		"marked": "^7.0.2",
@@ -26,14 +27,15 @@
 	},
 	"devDependencies": {
 		"@rushstack/eslint-patch": "^1.2.0",
+		"@types/google.maps": "3.55.3",
 		"@types/marked": "^5.0.1",
 		"@vitejs/plugin-vue": "^4.2.1",
-		"volar-service-vetur": "latest",
 		"@vue/eslint-config-prettier": "^8.0.0",
 		"eslint": "^8.39.0",
 		"eslint-plugin-vue": "^9.11.0",
 		"prettier": "^3.0.1",
 		"vite": "^4.4.9",
-		"vite-plugin-monaco-editor": "^1.1.0"
+		"vite-plugin-monaco-editor": "^1.1.0",
+		"volar-service-vetur": "latest"
 	}
 }
diff --git a/ui/src/core/templateMap.ts b/ui/src/core/templateMap.ts
index 535ddd02f..b5761ffd9 100644
--- a/ui/src/core/templateMap.ts
+++ b/ui/src/core/templateMap.ts
@@ -21,6 +21,7 @@ import CoreTabs from "../core_components/CoreTabs.vue";
 import CoreImage from "../core_components/CoreImage.vue";
 import CorePDF from "../core_components/CorePDF.vue";
 import CoreIFrame from "../core_components/CoreIFrame.vue";
+import CoreGoogleMaps from "../core_components/embeds/CoreGoogleMaps.vue";
 import CoreTimer from "../core_components/CoreTimer.vue";
 import CoreWebcamCapture from "../core_components/CoreWebcamCapture.vue";
 import CoreVegaLiteChart from "../core_components/CoreVegaLiteChart.vue";
@@ -68,6 +69,7 @@ const templateMap = {
 	image: CoreImage,
 	pdf: CorePDF,
 	iframe: CoreIFrame,
+	googlemaps: CoreGoogleMaps,
 	icon: CoreIcon,
 	timer: CoreTimer,
 	textinput: CoreTextInput,
diff --git a/ui/src/core_components/embeds/CoreGoogleMaps.vue b/ui/src/core_components/embeds/CoreGoogleMaps.vue
new file mode 100644
index 000000000..d69aae73f
--- /dev/null
+++ b/ui/src/core_components/embeds/CoreGoogleMaps.vue
@@ -0,0 +1,223 @@
+<template>
+	<div class="CoreGoogleMaps" ref="rootEl">
+		<div class="map" ref="mapEl" />
+    <div class="mask" />
+	</div>
+</template>
+
+<script lang="ts">
+import { FieldType } from "../../streamsyncTypes";
+import { cssClasses } from "../../renderer/sharedStyleFields";
+
+
+const description = "A component to embed an external resource in an iframe.";
+
+const markersDefaultData = [
+	{lat: 37.79322359164316, lng: -122.39999318828129, name: "Marker"}
+];
+
+export default {
+	streamsync: {
+		name: "Google Maps",
+		description,
+		category: "Embed",
+		fields: {
+			apiKey: {
+				name: "API Key",
+				default: '',
+				desc: "API Key from Google Cloud Console",
+				type: FieldType.Text,
+			},
+			mapId: {
+				name: "Map ID",
+				default: '',
+				desc: "ID of map from Google Cloud Console, needed for markers",
+				type: FieldType.Text,
+			},
+			mapType: {
+				name: "Map type",
+				default: 'roadmap',
+				type: FieldType.Text,
+				desc: "One of 'roadmap', 'satellite', 'hybrid' or 'terrain'",
+			},
+			zoom: {
+				name: "Zoom",
+				default: "8",
+				type: FieldType.Number,
+			},
+			lat: {
+				name: "Latitude",
+				default: "37.79322359164316",
+				type: FieldType.Number,
+			},
+			lng: {
+				name: "Longitude",
+				default: "-122.39999318828129",
+				type: FieldType.Number,
+			},
+			markers: {
+				name: "Markers",
+				default: JSON.stringify(markersDefaultData),
+				desc: "Markers data",
+				type: FieldType.Object,
+			},
+			cssClasses,
+		},
+		events: {
+			"gmap-marker-click": {
+				desc: "Capture single clicks on markers.",
+			},
+			"gmap-click": {
+				desc: "Capture single click on map.",
+			},
+		},
+	},
+};
+</script>
+
+<script setup lang="ts">
+import { Ref, inject, ref, onMounted, watch, computed } from "vue";
+import injectionKeys from "../../injectionKeys";
+import { Loader } from "@googlemaps/js-api-loader"
+
+const rootEl: Ref<HTMLElement> = ref(null);
+const mapEl: Ref<HTMLElement> = ref(null);
+const fields = inject(injectionKeys.evaluatedFields);
+let map : google.maps.Map | null = null;
+let markers = [];
+
+const center = computed<{ lat: number; lng: number; }>(() => ({ lat: fields.lat.value, lng: fields.lng.value }));;
+const mapType = computed(() => (
+	['roadmap', 'satellite', 'hybrid', 'terrain'].includes(fields.mapType.value) 
+		? fields.mapType.value 
+		: 'roadmap'
+));
+
+
+const initMap = async () => {
+	clearMarkers();
+	const loader = new Loader({
+		apiKey: fields.apiKey.value,
+		version: "weekly",
+	});
+	await loader.load();
+	map = new google.maps.Map(mapEl.value, {
+		center: center.value,
+		mapTypeId: mapType.value,
+		zoom: 8,
+		mapId: fields.mapId.value,
+	});
+
+	map.addListener('click', (e: any) => {
+		const event = new CustomEvent("gmap-click", {
+			detail: {
+				payload: e.latLng.toJSON(),
+			},
+		});
+		rootEl.value.dispatchEvent(event);
+	});
+
+	buildMarkers();
+}
+
+const buildMarkers = async () => {
+	if (!fields.mapId.value) return;
+	if (!fields.markers.value) return;
+	const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
+	clearMarkers();
+	try {
+		const markersData = fields.markers.value as ({ lat: number; lng: number; name: string; }[])
+		markersData.forEach((markerData) => {
+			const marker = new AdvancedMarkerElement({
+				position: {
+					lat: markerData.lat,
+					lng: markerData.lng,
+				},
+				map,
+				title: markerData.name,
+			});
+
+			markers.push(marker);
+
+			marker.addListener('click', () => {
+				const event = new CustomEvent("gmap-marker-click", {
+					detail: {
+						payload: markerData,
+					},
+				});
+				rootEl.value.dispatchEvent(event);
+			});
+		});
+	} catch (e) {
+		console.log(e);
+	}
+};
+
+const clearMarkers = () => {
+	markers.forEach((marker) => marker.setMap(null));
+	markers = [];
+};
+
+onMounted(async () => {
+	if (fields.apiKey.value) {
+		await initMap();
+	}
+});
+watch(center, async (newVal) => {
+	if (map) {
+		map.setCenter(newVal);
+	}
+});
+watch(fields.zoom, async (newVal) => {
+	if (map) {
+		map.setZoom(newVal);
+	}
+});
+watch(mapType, async (newVal) => {
+	if (map) {
+		map.setMapTypeId(newVal);
+	}
+});
+
+watch(fields.markers, buildMarkers);
+watch(fields.apiKey, initMap);
+watch(fields.mapId, initMap);
+
+
+</script>
+
+<style scoped>
+@import "../../renderer/sharedStyles.css";
+
+.CoreGoogleMaps {
+	position: relative;
+	width: 100%;
+	height: 80vh;
+}
+
+.CoreGoogleMaps .map{
+  width: 100%;
+  height: 100%;
+  display: block;
+  margin: auto;
+  border: 1px solid var(--separatorColor);
+}
+
+.CoreGoogleMaps .mask {
+  pointer-events: none;
+}
+
+.CoreGoogleMaps.beingEdited .mask {
+  pointer-events: all;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.CoreGoogleMaps.beingEdited.selected .mask {
+  pointer-events: none;
+}
+</style>