移动网站：静态地图的宽度和高度。可以为每个设备动态设置吗？

Question

我正在移动设备中显示静态地图。获取地图的代码是：

http://maps.googleapis.com/maps/api/staticmap?center=New+York,NY&zoom=13&size=600x300&sensor=false

现在我的问题是属性 尺寸 。那是宽度＆amp;高度

我的应用程序是J2EE应用程序。 因此，在主JSP中，我将视口设置如下：

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />

但我不知道如何在另一个JSP中设置宽度和高度。它如下：
- ＆gt;＆gt;＆gt; 这里我硬编码为600x300。如何设置身高和在这里动态地

<img src="http://maps.googleapis.com/maps/api/staticmap?center=<c:out value="$cityName"/>&zoom=<c:out value="$zoomSize"/>&size=600x300&sensor=false">

有什么想法吗？

Answer 1

如果您可以在应用程序中访问客户端Javascript，则可以使用：

// attempt to get the size from the window object
// otherwise fallback to the document body. 
var size = {
  width: window.innerWidth || document.body.clientWidth,
  height: window.innerHeight || document.body.clientHeight
}

如果您正在寻找java（？）中的服务器端解决方案，那么请see here作为示例。