Question

谷歌静态地图可以显示标记，图像，折线等，但有没有办法显示信息窗口？我不是在谈论一个显示隐藏的点击事件..只是让静态图像包含一个信息泡泡。

Answer 1

Static Maps API不支持InfoWindow。也就是说，因为静态地图只是一个标准图像，您可以使用CSS规则将div移动到图像上的所需位置以模拟InfoWindow。这是一个简单的例子：

http://jsbin.com/foqozipiru/edit?html,output

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <style>
    #info {
      background-color: white;
      border: 1px solid grey;
      border-radius: 10px;
      padding: 5px;
      position: absolute;
      left: 260px;
      top: 90px
    }
  </style>
</head>
<body>
  <img src=http://maps.googleapis.com/maps/api/staticmap?size=600x400&center=37.796581,-122.404835&zoom=18&style=feature:poi|visibility:off&markers=icon:http://maps.google.com/mapfiles/kml/paddle/red-circle.png|37.796581,-122.404835></img>
  <div id='info'>This is a div that simulates <br>an infoWindow </div>
</body>
</html>

Google静态地图可以显示信息窗口吗？

1 个答案: