Q&A
Java と javascript は名前は似ていますが全く別のものですので、タグを修正してください。
コーディング経験の浅い者です。
現在レスポンシブサイトのページ内にjavaスクリプトを作成しています。
このページは一つのhtmlデータ内にPC用とスマホ用にそれぞれjavaスクリプトが必要なのですが、片方のデバイスしか表示されません。
下記のソースコードをPC用として、スマホにも同じように表示させたい場合、
何処を書きえればいいでしょうか。
お手数おかけしますがよろしくお願いいたします。
<script type="text/javascript"> loadmap("○○○○○","○○○○○"); function loadmap(lat,lng) { var canvas = document.getElementById('map') ; geocoders = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(lat,lng); var mapOptions = { zoom: 15 , center: latlng , mapTypeId: google.maps.MapTypeId.ROADMAP }; maps = new google.maps.Map( canvas , mapOptions ) ; markers = new google.maps.Marker({ map: maps , position: latlng, }) ; } </script>
タグ修正しました。指摘ありがとうございます。
『片方のデバイスしか表示されません』とありますが、具体的には何が起きていますか？ スクリプトは実行されているがエラーが起きているのでしょうか？ それともスクリプト自体が実行されていないのでしょうか？ はたまたスクリプトは実行されエラーも起きていないが地図が表示されないのでしょうか？ 開発者ツールなどを参照してエラーメッセージなどを提示することはできますか？
スクリプト自体が実行されていない状態ですね。なのでブラウザ上で
表示されていません。
エラーメッセージなどは開発者ツールに表示されていなかったということでよろしいですか？
すみません、この件ですが自力で問題が解決しました。ご協力ありがとうございました。また質問することがあるかもしれませんが、その際はよろしくお願いいたします。
それはよかったですね。では、https://teratail.com/help の「質問をした後に自己解決してしまった」の項目のとおりにお願いいたします。
解決方法を記載しました。ただ上手く説明できなくてすみません。
回答1件
0
ベストアンサー
エラーが表示されなかったということでまず考えられるのは、id="map"の要素が存在しない、ということです。この場合、エラーもなくスクリプトは実行され何も起きずに終了するはずです。たぶん。
というわけで、スマホ用のHTMLにid="map"の要素を追加してみてはいかがでしょうか。
投稿2016/06/11 12:55
総合スコア37699
（追加情報になりますが）
まず問題が発生した状況から説明しますと、
同じhtmlデータ内にPC、スマホ用にそれぞれソースを表記していました。
（タグで囲ってデバイスワイドによって切り替わる仕様です。）
元々PC部分に記入したjavaスクリプトを
スマホ用にもIDを変えた状態で同じように記入したのですが
うまく表示されませんでした。
そこでそれぞれのデバイス用のタグ外でそれぞれのjavaスクリプトを記入すると
うまく表示しました。
（上手く説明できなくてすみせん。。。）
あなたの回答
tips
プレビュー
