iframe中の自作googlemapに、スマートフォンかＰＣかの判断させるようにできるのでしょうか

Question

iframe中の自作googlemapに、スマートフォンかＰＣかの判断させるようにできるのでしょうか。

Comments

[kei344]

「自作googlemap」とはなんでしょう。iframeの中のコードも自分で作成されているのでしょうか。その場合そこのコードを追記ください。

[dreamers]

イメージてきには、このようなgooglemapを使う場合です。

http://tabelog.com/kagoshima/A4601/A460101/46000030/dtlmap/

[kei344]

「スマートフォンかＰＣかの判断させて」そのあとどのような分岐をするのでしょうか。それによっては出来ることとできない事もあるとおもいます。

Answer 1

「自作googlemap」がどういうものなのかよく分かりませんが、リクエストの際のユーザーエージェント文字列を見るか、表示されているドキュメントの幅を見ることで実現できると思います。

Comments

[dreamers]

別のＱ＆Ａサイトの下記お答えを参考にして、実験したら、iframeでも機能しました。
皆様どうもありがとうございました。

---------別のＱ＆Ａサイトのお答え---------------------------------------------------

/*
User Agent でスマホかどうかを判断
*/
function is_smartphone() {
return /(iPhone|iPad|iPod|Android)/.test(navigator.userAgent);
}

...

// マーカー
var marker = new google.maps.Marker({
...
});

// InfoWindow を表示するイベントを決める : mouseover or click
var infowindow_open_event = 'mouseover';
if (is_smartphone()) {
infowindow_open_event = 'click';
}

// Marker に InfoWindow を表示する Listener を登録する
// ↓ここ
google.maps.event.addListener(marker, infowindow_open_event, function() {
// このあたりはお好きなように
var iw = new google.maps.InfoWindow({
...
});
iw.open(map, marker);
});