使用Marker()在地图上显示标记点的名称

Marker()是Google Maps JavaScript API中的一个类，用于在地图上显示标记点的名称。它可以用于创建一个可点击的标记点，并根据需要添加自定义的图标、标签和其他属性。

以下是一个使用Marker()来显示标记点的名称的例子：

首先，你需要创建一个地图实例并指定显示地图的容器。例如，可以创建一个div元素作为地图的容器：

<div id="map"></div>

然后，使用以下JavaScript代码创建一个地图并在指定的位置上显示一个标记点：

function initMap() {
  // 创建地图实例
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 40.7128, lng: -74.0060}, // 地图的中心位置（纬度和经度）
    zoom: 12 // 地图缩放级别
  });

  // 创建标记点
  var marker = new google.maps.Marker({
    position: {lat: 40.7128, lng: -74.0060}, // 标记点的位置（纬度和经度）
    map: map, // 要在哪个地图上显示标记点
    title: 'New York City', // 标注的名称
    draggable: true // 是否允许用户拖动标记点
  });
}

在上面的代码中，我们使用initMap()函数来初始化地图。在其中，我们首先创建一个地图实例，并将其显示在具有id为"map"的div元素中。然后，我们创建一个标记点，指定其位置为纽约市的经纬度，并设置其显示在我们刚才创建的地图上。需要注意的是，我们给标记点设置了一个名称为"New York City"，它将在用户点击或将鼠标悬停在标记点上时显示出来。

此外，通过将draggable属性设置为true，我们还允许用户拖动标记点的位置。

你还可以根据需要自定义标记点的图标、标签和其他属性。例如，你可以使用icon属性来指定一个自定义的图标，使用label属性来添加一个标签，使用animation属性来添加一个动画效果等等。以下是一个例子：

var marker = new google.maps.Marker({
  position: {lat: 40.7128, lng: -74.0060},
  map: map,
  title: 'New York City',
  draggable: true,
  icon: 'custom-marker.png', // 自定义的图标
  label: 'A', // 标签
  animation: google.maps.Animation.BOUNCE // 动画效果
});

总结来说，Marker()类是用于在Google地图上显示标记点的名称的一个类。通过使用它，你可以在地图上创建一个可点击的标记点，并根据需要自定义其图标、标签和其他属性。以上提供的例子展示了如何在地图上显示一个带有名称的标记点，并介绍了一些常用的属性设置。可以参考Google Maps JavaScript API文档以了解关于Marker()类的更多信息和功能。