2017-05-02 3 views
0

私は、Google Mapsに(NYC OpenData JSONとGeolocationに基づいて)NYCの無線LANホットスポットをプロットする簡単なwebappを持っています。 httpsデスクトップでは完全に動作しますが、ホットスポットマーカーはモバイルでは表示されません(onclick infowindowレンダリングで、場所の孤立したマーカーを含む空白の地図が表示されますが、ホットスポットマーカー/ウィンドウはありません)。これに対処するjQueryまたはGoogle APIの問題はありますか?どんな助けもありがとう!Google Maps JS APIはモバイル上でマーカーを読み込まない(デスクトップ上では完全に動作する)

アプリケーション:https://wifi-freerider.herokuapp.com 出典:http://github.com/fakebenjay/nyc-wifi-2

答えて

0

あなたはそれがブラウザの互換性の問題だかどうかを確認するためにこれを使用することができますか?私は、問題Herokuのは関連していたGoogleの開発者

https://developers.google.com/web/fundamentals/native-hardware/user-location/

// check for Geolocation support 
if (navigator.geolocation) { 
    console.log('Geolocation is supported!'); 
} 
else { 
    console.log('Geolocation is not supported for this Browser/OS.'); 
} 
1

の1からこれを撮影しました。私のマーカーからの画像は安全でない場所から参照されていました。 JavaScriptのURLの先頭にある「http」を「https」に変更すると、この問題が解決されました。

Safariのモバイルコンソールを使用してこれを見つけました。これは、自分のコンピュータから自分の電話機をコンピュータに接続することでアクセスしました(みんな、これについて今はとても興奮しています)。

エラーの内容は次のとおりです。

Safari mobile console screenshot

関連する問題