We have forms in the Classic designer that use Google Maps API but I wanted to see if anyone has had success recreating this in the Modern designer?

Currently trying to recreate this simple example in the Modern by replacing this line:

map = new Map(document.getElementById("map"), {

with a dummy Div element:

const newDiv = document.createElement('div');
let map = new google.maps.Map(newDiv, {

and trying to use LFForm.changeFormSettings to copy this map element over to a HTML field. I have used similar workaround before for Modern but I am not having any success so far with Google Maps. I tried to use this method in the Classic to see if it works at all but the newDiv does not have any of the actual Google Maps elements assigned to it afterwards. Has anyone had success with Google Maps API in the Modern? Any ideas?