Question

我可以将叠加项目绘制到谷歌地图上，这个图像看起来很像：

______
|    |
______
  \/

其中“/”部分是标记地图上的纬度/经度的“引脚”和中间的图片。我的问题是，当用户点击它时，有没有办法扩展它？我当然必须将其更改为某种对话框或布局，并在单击时更改它。

我希望在没有点击的情况下将它缩小到只有一个图像，但是当它被点击时它会像一秒钟一样扩展到：

--------------------------------------
| <image>                  <buttons> |
|                          <buttons> |
| <some info here>                   |
|                                    |
--------------------------------------
                 \/

这可能吗？

Answer 1

使用此功能

没有图标的气球： https://github.com/jgilfelt/android-mapviewballoons#readme
带图标的气球（延伸杰夫 Gilfelt的项目）： https://github.com/galex/android-mapviewballoons

Answer 2

创建自定义叠加层，并在onAdd覆盖中创建一个包含所需内容布局的自定义div。

myOverlay.prototype.onAdd = function(){
  var div = document.createElement('DIV');
  div.style.position = 'absolute';  // so we can position it later.
  // populate the div
  this.div_ = div;
  this.getPanes().overlayLayer.appendChild(div);
}

现在在draw覆盖中，您决定将其放置在地图上的位置。在绘图中，您最初可以使用单击事件处理程序绘制标记，该处理程序设置div的可见性。

myOverlay.prototype.draw = function(){
  var div = this.div_;
  //populate div with content as required.
  div.style.left = //calculate location based on width / height and centre 
  div.style.top = // ditto
}

在Google地图上展开叠加标记？

2 个答案: