Javascript 在谷歌地图信息窗口中添加输入和提交字段

我的谷歌地图上有多个标记，用户在单击并打开标记信息窗口时必须输入一些注释。将有一个文本框和提交按钮，我想从输入框中获取值

//此示例在澳大利亚中部显示一个标记。
//当用户单击标记时，将打开一个信息窗口。
函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：乌卢鲁
});
var contentString=''+
''+
''+
“乌鲁鲁”+
''+
“Uluru，也称为艾尔斯岩，是一个大型的”+
“南部的砂岩岩层”+
“澳大利亚中部的北领地。它位于335公里（208英里）处”+
“最近的大城镇艾丽斯·斯普林斯西南部；450 ；公里”+
"(280)英里(约160英里)的公路,卡塔特朱塔和乌鲁鲁是两个主要城市"+
“乌鲁鲁-卡塔朱塔国家公园的特色。”+
“提交”+
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图，
标题：“乌卢鲁（艾尔斯岩）”
});
marker.addListener（'click'，function（））{
信息窗口。打开（地图、标记）；
});
}

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，正文{
身高：100%；
保证金：0；
填充：0；
}

---

我做了以下更新，为google map domready添加了监听器，并添加了按钮点击功能

更新的小提琴链接

---

1） 问题是？2） 在您发布的代码中，我没有看到任何试图从输入框中获取值的尝试。我找到了在JSFIDLE中更新的解决方案

marker.addListener('click', function() {
    infowindow.open(map, marker);
    isGoogleDomReady(infowindow);
  });

function isGoogleDomReady(infowindow){
        google.maps.event.addListener(infowindow, 'domready', function () {         
            $('#SaveBtn').on('click', function() {              
                alert($('#mapNotes').val());                
            });
        });
    }