スマホのブラウザのgoogle map表示ではまる
PCブラウザのエミュレーティングでは表示されるのに、iPhoneとAndroidの実機でだけ
google mapが上手く動かないという事が発生した。
google.mapsは存在するがLatLng, event等がundefined。
おかしいと思っていたら、
どうやら今回作成していたものが携帯用サイトをそのままスマホサイトに移植していたもので、
header関数やmetaタグでxhtmlである旨のヘッダーを出力しているとこのような現象が発生するらしい。
スマホの場合だけ上記を削除すると問題なく表示された。
ツイッターでシェア
みんなに共有、忘れないようにメモ
Crieitの開発者です。 Webエンジニアです（在宅）。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, React, Flutter, Vue.js, Node, RoR 趣味:Elixir, Phoenix, Nuxt, Express, GCP, AWS等色々 PHPフレームワークちいたんの作者
Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。
また、「こんな記事が読みたいけど見つからない！」という方は是非記事投稿リクエストボードへ！
こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは？
コメント