- ベストアンサー
Google Maps をＨＰの導入しましたがMACでは表示されない
Google MapsをHPに導入しました。 Windowsでは表示されたのですが、Macでは表示されません。 初歩的な質問かもしれませんが、原因、対応策などおわかりになれば教えてください。 ・MACでは表示されないもの？ ・Windows版とMac版は別物？であれば、Win利用者用、Mac利用者用と地図を二つ作らないといけない？＜入口を用意しないといけない？＞ ・WindowsとMACで見れるダウンロード先がgoogleサイト内に別に存在する？ 初心者です。宜しくお願いします。
- petapeta
- お礼率81% (50/61)
- その他([技術者向] コンピューター)
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 原因分かりました。 私もこれで結構悩まされた事があります。 原因があってもIEやFirefoxではこの問題は無視され、問題なく表示されてしまうので、気がつきにくいです。 スクリプト後半部分の var marker = new GMarker(point); map.addOverlay(marker); の前に全角スペースがあります。コイツが悪さしています。これを半角スペースに書き換えれば東京タワーにマーカーがついた地図がSafariでも表示出来ると思います。Safariだけはスクリプト内の全角スペースでエラーになってしまいますので。 Firefoxにはエラーコンソールがあるのでデバッグしやすいですが、Safariでは初期状態ではデバッグメニューはオフになっています。以下のコマンドをターミナルから打ち込めば、デバッグメニューがONになります。これでデバッグがとても簡単になりますよ（当然消したい場合はfalse）。 defaults write com.apple.Safari IncludeDebugMenu -bool true SafariでJavaScriptのデバッグをする方法 http://shimax.cocolog-nifty.com/search/2006/09/safarijavascrip_c54d.html
その他の回答 (1)
- taketan_mydns_jp
- ベストアンサー率58% (450/773)
通常、MacだろうとWinだろうと、Linuxであろうと同じページを作ります。 両方に対応出来るページを作ると言う事です。 あなたの言うMacとは何の事ですか？ 5年以上前のMacで、IEしか入っていないMac（OS 9等）では、残念ながらGoogle Maps APIは対応していないので、地図自体が表示出来ません。Safari、Firefoxならば表示出来ます。 SafariやFirefoxや最近のOperaで表示出来ないと言う事ならば、どこかスクリプトにエラーがある筈です。 実ソースが分からなければ対応と言ってもこの辺までしか指摘出来ません。参考まで。
お礼
早速の回答ありがとうございます。 MACはSafari OS X10.4です。しかしながら表示されません。 ちなみにWinはIE、Firefoxで表示確認済みです。 どこかエラー箇所がありますでしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>test site</title> <script src="http://maps.google.com/maps?file=api&v=2&key=[APIキー]" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GMapTypeControl()); map.addControl(new GLargeMapControl()); map2=new GOverviewMapControl(new GSize(200,150)); map.addControl(map2); var point = new GLatLng(35.658613,139.745525); map.setCenter(point, 15); var marker = new GMarker(point); map.addOverlay(marker); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 500px; height: 500px"></div> </body> </html>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
回答ありがとうございます。 おかげ様でＭＡＣでも表示されるようになりました。 全角スペースが悪さしているなんて考えてもいませんでした。 WindowsとMACの表示の違いにいつも頭を悩まされます。 しかもOSやverによっても違ったりで。 ありがとうございました。