Javascript 谷歌地图标记Pin不显示

我对GoogleMaps小部件有一个问题，即标记没有显示在我的实时站点上，而是在我将代码放入Codepen时显示出来

Codepen:

函数初始化（）{
var mapCanvas=document.getElementById（'map'）；
变量映射选项={
中心：新google.maps.LatLng（51.632566，-0.175259），
缩放：17，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（mapCanvas，mapOptions）
var marker=new google.maps.marker({
位置：{lat:51.632566，lng:-0.175259}，
地图：地图，
标题：“测试”
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

实时站点：

有人可能知道这里有什么问题吗？控制台不显示任何错误

多谢各位

#pix-fe .global-html .html-content * {
    max-width: 100%;
}

从页面中删除此CSS规则，它将正常工作

如果您试图从地图中隐藏某些功能，请不要使用CSS。使用地图选项进行操作

从页面中删除此CSS规则，它将正常工作

---

如果您试图从地图中隐藏某些功能，请不要使用CSS。使用地图选项执行此操作。

您的实时站点上是否存在JavaScript错误？请提供一个示例来说明此问题。你网站上的代码/html/css是什么样子的？您正在使用CDN吗？您的站点上有哪些内容不在代码笔中？控制台中完全没有错误。请在这里查看live site--我使用的代码与Codepen链接中的代码完全相同，但使用的CSS内联“`是唯一的区别。您的live site上是否存在任何JavaScript错误？请提供一个示例来说明问题。你网站上的代码/html/css是什么样子的？您正在使用CDN吗？您的站点上有哪些内容不在代码笔中？控制台中完全没有错误。请看这里的live站点--我使用的代码与Codepen链接中的代码完全相同，但使用的CSS内联“是唯一的区别。非常感谢。非常感谢。

#pix-fe .global-html .html-content * {
    max-width: 100%;
}