HTML 在Google地图中添加自定义标记文本

在本文中，我们将介绍如何使用HTML在Google地图上添加自定义标记文本。

阅读更多：HTML 教程

什么是Google地图？

Google地图是一个强大的在线地图工具，旨在帮助用户查找地点、导航和探索世界各地的地理信息。它提供了丰富的功能，包括街景视图、路线规划和地点搜索。

在Google地图上添加自定义标记文本

在Google地图上添加自定义标记文本可以帮助用户更好地识别地点，并为地图添加个人化的信息。以下是一些简单的步骤来实现这一目标：

打开Google地图网页并登录到您的Google账户。
在搜索栏中输入您想要标记的地点，并点击搜索按钮。
地图将显示搜索结果，然后您可以单击右键选择“放置标记”选项。
在弹出的标记信息窗口中，点击“编辑标记”。
在标记编辑窗口中，您可以看到一个文本框，您可以在其中输入自定义标记文本。
输入您想要添加的自定义标记文本，然后保存更改。
通过重复上述步骤，您可以在地图上添加多个自定义标记文本。

以下是一个示例：

<!DOCTYPE html>
<html>
<head>
  <title>自定义标记文本示例</title>
  <style>
    #map {
      height: 400px;
      width: 100%;
    }
  </style>
  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
  <script>
    function initMap() {
      var myLatLng = {lat: -34.397, lng: 150.644};
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 8,
        center: myLatLng
      });
      var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: '自定义标记文本示例'
      });
      marker.addListener('click', function() {
        infowindow.open(map, marker);
      });

      var infowindow = new google.maps.InfoWindow({
        content: '这是一个自定义标记文本示例'
      });
    }
  </script>
</head>
<body>
  <div id="map"></div>
</body>
</html>

请确保将YOUR_API_KEY替换为您自己的Google地图API密钥，并将其添加到示例代码中。