如何使Google地图控件响应?

时间:2014-11-21 22:30:37

标签: google-maps google-maps-api-3 responsive-design

我正在制作我的第一个整页地图屏幕。我在地图上添加了几个自定义控件。一个是图例,另一个是查询我们的系统并在地图上放置图钉的方法。我已经能够将控件放在地图上并且运行良好。我在TOP_RIGHT中有一个,在TOP_LEFT中有一个。我想现在就做出回应。我希望传说占据地图的整个底部,并将查询控件转到顶部。我找不到任何关于如何使这种响应。我该如何完成这项工作?在线资源会很棒。

更新:我意识到我没有说清楚。在PC /平板电脑上,我想要右上角和手机上的传奇,我希望它能够一路走来。与this page的工作方式类似。

1 个答案:

答案 0 :(得分:1)

非常简单,将HTML元素的宽度设置为100%

确保这些控件不与默认控件重叠。

演示:http://jsfiddle.net/doktormolle/16r1777q/