スマートフォンで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 });
}
-----