Javascript 需要谷歌地图的文本标签Pin码吗

我正在做一个项目，需要一个位于地图上的项目列表-这将需要显示项目是什么的PIN。以前尝试过许多不同的代码片段，但似乎无法获得工作版本。任何帮助都会很好

下面的链接是最好的，但是在我的项目中实现它时遇到了问题。屏幕上一片空白

复杂图标
html，正文，#地图画布{
身高：100%；
边际：0px；
填充：0px
}
变量映射选项={
缩放：16，
中心：新google.maps.LatLng（-37.808846144.963435）
};
map=new google.maps.map（document.getElementById（'map-canvas'），
地图选项）；
var pinz=[
{
“地点”：{
“lat”：-37.807817，
“lon”：144.958377
},
“标签”：2
},
{
“地点”：{
“lat”：-37.807885，
“lon”：144.965415
},
“标签”：42
},
{
“地点”：{
“lat”：-37.811377，
“lon”：144.956596
},
标签：87
},
{
“地点”：{
“lat”：-37.811293，
“lon”：144.962883
},
“标签”：145
},
{
“地点”：{
“lat”：-37.808089，
“lon”：144.962089
},
标签：999
},
];
对于（var i=0；i那么，您需要包括googlemapsapi脚本

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

该代码笔正在使用google maps的外部javascript文件。要查看它，请单击javascript窗格左上角的cog图标：


然后您应该看到正在使用的脚本：


有关更多信息，请参阅谷歌地图API指南

为了让它快速运行（短期内），在HTML中的内联脚本标记之前添加该URL的脚本标记（即
var-mappoptions={
）：


请原谅我的无知，但是函数initMap（）{…}是Javascript。您能给出一个example@MarkJames如果您注意到我发布的
脚本
标记中有一个
&callback=initMap
。这告诉google maps api一旦加载（并准备好使用）调用名为
initMap
的全局函数。您可以将该名称更改为您想要的任何名称，并且您的google maps代码应该位于该函数内。更新的答案包含完整的更新代码（更改键）副本
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>