私はMetroWEBを使用して、フレームワークとしてjQueryMobile1.1を使用する作業中のモバイルページをテストしています。
問題のページは次の場所にあります:Callaro's Mobile-Location
今、私はこれまでモバイルページを実際に作成したことがないので、ここに行くにつれて基本的に学習しています。いずれにせよ、私の問題は、Googleマップの静止画像がモバイルブラウザにまったく表示されないことです。私が見るのは、真ん中に青い疑問符が付いた巨大な白い正方形だけです。
私はTへのAPIの指示に従いました(または少なくとも私はそう思ったと思います)。マップ画像とimgタグへの直接リンクは、デスクトップで完全に機能します。誰かがここで機能が壊れているところを知っていますか?
imgタグは次のように構成されています。
<img width="300" height="300" src="http://maps.googleapis.com/maps/api/staticmap?center=717+Lake+Ave,Lake+Worth,FL&zoom=14&size=300x300&scale=2&markers=color:red|label:C|717+Lake+Ave,Lake+Worth,FL&sensor=false&key=AIzaSyCuOjnPNvw0HZhIWt0yQEeeXQn-GKfi7k8" style="display:block;width:300px;height:300px;margin:auto;" />
あなたの助けは大歓迎です!