在代码中，需要将YOUR_API_KEY替换为您自己的Google地图API密钥。这是为了确保您的地图可以正常显示和访问。

2. 添加自定义标记文本

要在Google地图上添加自定义标记文本，我们可以使用MarkerWithLabel库。MarkerWithLabel是一个开源JavaScript库，它扩展了Google地图的标记功能，允许我们在标记上添加自定义的文本。

首先，需要在HTML文档中引入MarkerWithLabel库的JavaScript文件。

...

...

...

现在，我们可以在地图上添加自定义标记文本了。首先, 我们需要创建一个标记对象，然后设置其位置和文本属性。

...

...

...

在以上代码中，我们创建了一个具有自定义标记文本的标记对象，并为其设置了一个自定义的样式。通过设置labelContent属性，我们可以指定标记上显示的文本内容；通过设置labelClass属性，我们可以指定标记文本的样式。

3. 自定义标记文本样式

要自定义标记文本的样式，我们可以使用CSS来设置字体、颜色、背景等属性。在上面的例子中，我们为标记文本定义了自定义样式custom-label，并设置了字体颜色为白色，背景颜色为红色，字体大小为16px。

您可以根据自己的需求自定义标记文本的样式。例如，您可以更改字体颜色为黑色，背景颜色为黄色，字体大小为14px等等。

...

...

4. 在标记上显示自定义信息

除了添加自定义标记文本，我们还可以在标记上显示自定义信息。当用户点击标记时，可以显示额外的信息窗口或弹出层，以提供更多详细信息。下面是一个简单的示例。

...

...

...

在上面的代码中，我们创建了一个信息窗口对象infowindow并设置了其内容。然后，我们将信息窗口与标记对象关联，并通过事件监听器在用户点击标记时显示信息窗口。

请注意，这只是一个简单的示例，您可以根据需要自定义信息窗口的内容和样式。

总结

通过本文，我们学习了如何在Google地图上添加自定义标记文本。首先，我们添加了基本的Google地图，然后使用MarkerWithLabel库添加了自定义标记文本。我们还讨论了如何自定义标记文本的样式，并展示了在标记上显示自定义信息的示例。希望这篇文章对您理解和应用自定义标记文本有所帮助。