Javascript 谷歌地图API-点击圆圈时打开“获取信息”窗口？

我绝望地试图得到一个带有圆圈的谷歌地图，点击它可以打开一个信息窗口。这看起来并不是一个复杂的问题，但在网上搜索似乎是不可能的，但我想知道这些帖子是否已经过时，现在是否可能

我想做的事 我正在尝试使用一个谷歌地图（HTML代码，我可以在SharePoint上“托管”）在不同的位置有圆圈（到目前为止这一点还不错），在这里我可以单击圆圈打开一个信息窗口，其中包含该位置的人员列表

我到目前为止所做的事情 我一直在查看GoogleMapsJavaScriptAPI页面，并使用这个示例成功地制作了一个带有圆圈的地图

我也尝试过在地图的中心放置一个带有信息窗口的标记，虽然不太理想，但仍然可以接受，但是这不起作用。我只是剪切了javascript中有标记的部分，页面就不会加载了

我的背景不幸的是，我对Javascript一无所知。我对HTML略知一二，但我肯定不是技术背景，我只想要一张看起来漂亮而且有效的地图。我可以从字面上说是一个字符，使其工作，但我不知道什么是javascript的意思

通讯地图
html，正文，#地图画布{
身高：100%；
边际：0px；
填充：0px
}
//此示例在地图上创建圆，表示
//北美洲的人口。
//首先，为每个城市创建一个包含LatLng和人口的对象。
var citymap={}；
城市地图[孟买]={
中心：新google.maps.LatLng（19.075787,72.8774882），
人口：14000
};
城市地图['Cardiff']={
中心：新google.maps.LatLng（51.4887969，-3.1826222），
人口：1000
};
城市地图['Pune']={
中心：新google.maps.LatLng（18.5212252,73.8556156），
人口：14000
};
城市地图['Beeston']={
中心：新google.maps.LatLng（52.9547839，-1.1581733），
人口：3000
};
城市地图[伯明翰]={
中心：新google.maps.LatLng（52.4677785，-1.7230922），
人口：4000
};
城市地图['Bristol']={
中心：新google.maps.LatLng（51.5434779，-2.573748），
人口：2000
};
城市地图[“布鲁塞尔”]={
中心：新google.maps.LatLng（50.8891268,4.4592719），
人口：1000
};
城市地图['Crewe']={
中心：新google.maps.LatLng（53.0888925，-2.4357559），
人口：2000
};
城市地图['Dundee']={
中心：新google.maps.LatLng（56.4563534，-2.9752489），
人口：1000
};
城市地图['Durham']={
中心：新google.maps.LatLng（54.5468172，-1.5703596），
人口：1000
};
城市地图[格拉斯哥]={
中心：新google.maps.LatLng（55.8601948，-4.256542），
人口：2000
};
城市地图['Liverpool']={
中心：新google.maps.LatLng（53.4114691，-2.9954281），
人口：5000
};
城市地图['Livingston']={
中心：新google.maps.LatLng（55.8889266，-3.5575676），
人口：12000
};
城市地图['Moray']={
中心：新google.maps.LatLng（57.6153854，-3.5727702），
人口：1000
};
城市地图[“纽卡斯尔”]={
中心：新google.maps.LatLng（55.0114826，-1.6218245），
人口：1000
};
城市地图['Runcorn']={
中心：新google.maps.LatLng（53.3416269，-2.7312661），
人口：6000
};
城市地图['Winners']={
中心：新google.maps.LatLng（51.43674，-0.89131），
人口：5000
};
城市地图['Wolverhampton']={
中心：新google.maps.LatLng（52.6375302，-2.1184067），
人口：1000
};
城市地图[普利茅斯]={
中心：新google.maps.LatLng（50.3752499，-4.1425974），
人口：1000
};
城市地图['Swinton Manch']={
中心：新google.maps.LatLng（53.5108841，-2.3468262），
人口：1000
};
城市地图['Cleveley']={
中心：新google.maps.LatLng（53.8758639，-3.0423774），
人口：1000
};
城市地图['Peterborough']={
中心：新google.maps.LatLng（52.5694182，-0.2415024），
人口：1000
};
城市地图['Saffron Walden']={
中心：新google.maps.LatLng（52.0224437,0.2393275），
人口：1000
};
城市地图['Gloucester']={
中心：新google.maps.LatLng（51.864033，-2.2382369），
人口：1000
};
城市地图['LTQ']={
中心：新google.maps.LatLng（51.5250213，-0.141524），
人口：18000
};
城市地图['Enfield']={
中心：新google.maps.LatLng（51.651765，-0.0835785），
人口：1000
};
var城市圈；
函数初始化（）{
//创建地图。
变量映射选项={
缩放：7，
中心：新google.maps.LatLng（53.3789721，-1.4693043），
mapTypeId:google.maps.mapTypeId.TERRAIN
};
var map=new google.maps.map（document.getElementById（'map-canvas'），
地图选项）；
//为城市地图中的每个值构建圆。
//注：我们根据人口来缩放圆的面积。
用于（城市地图中的var城市）{
变量填充选项={
strokeColor:“#FF0000”，
笔划不透明度：0.8，
冲程重量：2，
填充颜色：'#FF0000'，
不透明度：0.35，
地图：地图，
中心：城市地图[城市]。中心，
半径：Math.sqrt（城市地图[城市].人口）*100
};
//将该城市的圆圈添加到地图中。
cityCircle=new google.maps.Circle（populationOptions）；
}
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

创建一个信息窗口：

var infowindow=new google.maps.infowindow（）

设置其内容、位置并单击打开：

google.maps.event.addListener(cityCircle, 'click', function(e) {
  infowindow.setContent(this.getCenter().toUrlValue(6) + "<br>" + this.getRadius());
  infowindow.setPosition(this.getCenter());
  infowindow.open(map);
});

在您发布的代码中没有信息窗口。这太棒了，我只是想知道如何为每个城市点添加一些文本以放入信息窗口？我猜这与更改infowindow.setContent（this.getCenter（）.toUrlValue（6）+“
”+this.getRadius（））有关；为了从另一个来源获取信息，就像citymap下的一段代码一样。我该怎么写呢？你能给我举个例子吗？谢谢，你一定能。但是，在您发布的代码中没有尝试这样做。在这一点上加上