点击更改地图大小

时间:2011-01-20 19:18:08

标签: javascript html css google-maps google-maps-api-3

如何进行设置,以便当用户点击提交按钮时,地图会自动调整大小以适应方向,就像查找路线时的yelp地图一样?

由于

2 个答案:

答案 0 :(得分:1)

嗯,如果您的问题中没有太多信息,只需在地图方向处理程序中添加样式修改即可。这是最简单的形式:但是如果不了解您的特定设置,我就无法做更多的事情。

HTML:

<FORM onSubmit="findDirections()">

JavaScript的:

function findDirections() {
    // Change map width
    document.getElementsById("directions_map").style.width = "600px";

    // Do google maps lookup, etc
}

答案 1 :(得分:0)

你的意思是如何设置地图的中心和缩放以使方向适合这样的视图?如果是这样,您可以获取此方向的点,添加它们以创建LatLngBounds(使用extend方法)并使用带有准备边界的Map.fitBounds作为参数。