高德地图点击地图上的marker点出现小窗体

您好，关于高德地图点击地图上的marker点出现小窗体的问题，您可以参考以下代码实现：

// 创建一个 marker 对象
var marker = new AMap.Marker({
  position: [116.397428, 39.90923], // marker 的位置
  map: map // 所属的地图实例
});

// 给 marker 对象绑定 click 事件
marker.on('click', function(e) {
  // 创建信息窗体对象
  var infoWindow = new AMap.InfoWindow({
    content: '<div>这里是信息窗体</div>', // 信息窗体的内容
    offset: new AMap.Pixel(0, -30) // 信息窗体的偏移量，可以自行调整
  });

  // 打开信息窗体
  infoWindow.open(map, e.target.getPosition());
});

以上代码中，我们首先创建了一个 `AMap.Marker` 对象，并将其添加到地图实例中。然后给这个 marker 对象绑定了一个 click 事件，在点击 marker 时会触发该事件。在事件的回调函数中，我们创建了一个 `AMap.InfoWindow` 对象，并设置了其内容和偏移量。最后，调用 `infoWindow.open` 方法打开信息窗体，并指定其在地图上的位置。

相关问题

高德地图点击marker点出现小窗体实例

您可以参考以下代码示例来实现在高德地图中点击 marker 后弹出小窗体：

// 创建地图实例
var map = new AMap.Map('container', {
  zoom: 10,
  center: [116.39, 39.9]
});

// 创建一个 marker 并添加到地图中
var marker = new AMap.Marker({
  position: [116.480983, 39.989628],
  title: '这是一个 marker'
});
marker.setMap(map);

// 创建一个信息窗体
var infoWindow = new AMap.InfoWindow({
  content: '<div>这是一个信息窗体</div>'
});

// 监听 marker 的 click 事件，在点击时显示信息窗体
marker.on('click', function () {
  infoWindow.open(map, marker.getPosition());
});

在这个示例中，我们首先创建了一个地图实例，然后创建了一个 marker 并将其添加到地图中。接着，我们创建了一个信息窗体，并在 marker 的 click 事件中监听器中显示这个信息窗体。当用户点击 marker 时，信息窗体就会在 marker 的位置上弹出来。

高德地图上实现多个信息窗体的点击

要在高德地图上实现多个信息窗体的点击，你需要使用 AMap.InfoWindow 类来创建信息窗体，并使用 AMap.Marker 类来创建标记点。然后，你需要将信息窗体与标记点关联起来，并在标记点点击事件中打开信息窗体。以下是示例代码：

// 创建信息窗体
var infoWindow1 = new AMap.InfoWindow({
    content: '<div>信息窗体1</div>',
    offset: new AMap.Pixel(0, -20)
});
var infoWindow2 = new AMap.InfoWindow({
    content: '<div>信息窗体2</div>',
    offset: new AMap.Pixel(0, -20)
});

// 创建标记点
var marker1 = new AMap.Marker({
    position: [lng1, lat1]
});
var marker2 = new AMap.Marker({
    position: [lng2, lat2]
});

// 将信息窗体与标记点关联起来
marker1.on('click', function() {
    infoWindow1.open(map, marker1.getPosition());
});
marker2.on('click', function() {
    infoWindow2.open(map, marker2.getPosition());
});

// 将标记点添加到地图上
map.add([marker1, marker2]);

在这个例子中，我们创建了两个信息窗体和两个标记点，并将它们关联起来。当标记点被点击时，相应的信息窗体会在标记点上方弹出。你可以根据需要创建更多的信息窗体和标记点，并在它们之间建立关联。