人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スマートフォンでGoogleMapsのマーカーを表示した時の質問です。
プログラムは素人です。Webや本を参考にしながら自分のサイトを作成しました。
Googlemapsを使ったページを作ったのですが、マーカーがパソコンでは普通に表示されていますが、スマートフォンで見ると変になります。
(表示画像を添付します。)
何か左右反対のアイコンになっています。

スマートフォンでも正しいアイコンを表示できるようにしたいのですが、
どのようにプログラムすれば良いのでしょうか。
プログラムの例や参考になるページなどを教えて下さい。

-------------------------------
xxx.htmlからzzz.jsのjavascriptを呼び出して、zzz.js内でGooglemapsの表示、マーカーの表示を指定しています。
実装はこんな感じですが、分かりますでしょうか。

●xxx.html
<body onload="initialize()">
:
<div id="map_canvas" style="width: 500px; height: 500px"></div>
:
</body>

●zzz.js
function initialize(){
:
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
:
pos = new google.maps.LatLng( xx.xxxx,yyy.yyyy );
mark = new google.maps.Marker({ position: pos , map: map });
}
-----

1373434025
●拡大する

●質問者: nantositakocha
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

▽最新の回答へ

質問者から

fiwa様
試してみましたが、うまくできませんでした。

IEで画面を見ているとズーム操作の上にある上下左右に移動するアイコンの表示も崩れていました。(fiwa様のコメントの対応する前からのようでした)
・スマフォではマーカーが異常
・IEでは上下左右アイコンが異常
となっています。


関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ