手機網站：靜態地圖的寬度和高度。可以爲每個設備動態設置？

我在移動設備上顯示靜態地圖。代碼獲取地圖是：手機網站：靜態地圖的寬度和高度。可以爲每個設備動態設置？

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

現在我的問題是與屬性大小。這是與寬度&高度

我的應用程序是一個J2EE應用程序。所以，在主JSP，我設置了視如下：

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

但我不知道如何設置另一個JSP的寬度和高度。它如下：
- >>>在這裏我硬編碼爲600x300。如何設置高度& widht here

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

有什麼想法嗎？

來源

2014-01-29 smilyface

我對jsp不熟悉，但是不可能像下面這樣插入一個變量到大小參數中：＆size = 並且使用switch語句設置大小變量地圖實例化？ – Swires

@Swires，其實我的問題是：如何獲取大小（寬度和高度）以及如何將它設置爲圖像？我知道JSP。問題是我不知道以數字獲得視口大小 – smilyface

獲取地圖的大小？你自己設定。如果沒有大小參數，則不會提供地圖。設置大小的最簡單方法實際上是簡單地請求比您需要的更高分辨率的圖像，並調整它使用CSS包含的div的大小。更多信息可在這裏：https://developers.google.com/maps/documentation/staticmaps/#Imagesizes – Swires

如果你在你的應用程序訪問客戶端的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（？）。

來源

2014-01-29 11:21:43 Swires

這可能工作。仍然我徘徊一些其他方式來做到這一點:) – smilyface

另一種方法來查找瀏覽器的高度和寬度，而無需使用java或javascript？ – Swires

手機網站：靜態地圖的寬度和高度。可以爲每個設備動態設置？

回答

相關問題