iPhoneサイトにGoogleMapを掲載する方法
- iPhone用のウェブサイトにGoogleMapの地図を掲載する方法についてご説明します。
- PCから見たGoogleMapの地図埋め込みソースを利用しても、iPhoneからは地図が表示されない問題があります。
- 地図上のコントローラーが動かない問題や、写真や地形を表示する方法についても解説します。
- ベストアンサー
iPhoneサイトにgooglemapを掲載したい
iPhone用のウェブサイトにgooglemapの地図を掲載しています。 PCから見たGoogleMapの「HTML を貼り付けてサイトに地図を埋め込みます」というソースをそのまま利用しているのですが、iPhoneからみると右上にある「写真」「地形」を選択しても何も表示されません。 また、左上にある地図を上下左右・拡大縮小させるコントローラー？も全く動きません。 地図上を指でドラッグすると地図はスルスルと動いてくれるのですが、「写真」「地形」などを表示したり、拡大縮小するにはどうしたらいいのでしょうか？ iframeのパラメーターに何か追加する必要があるのでしょうか？ それとも「HTML を貼り付けてサイトに地図を埋め込みます」からではダメなのでしょうか？
- iroiro8
- お礼率83% (80/96)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
Google Maps JavaScript APIの使用をお勧めいたします。 バージョン3からAPIキーを登録する必要なくなりましたので かなり手軽に利用できるようになりました。 Google Maps JavaScript API V3 http://code.google.com/intl/ja/apis/maps/documentation/javascript/ とりあえずチュートリアルのコードの「var latlng = new google.maps.LatLng(-34.397, 150.644);」行の 「-34.397, 150.644」の部分を表示させたい緯度経度に変更すればすぐにでも使えるかとおもいます。 Google Map JavaScript API V3 チュートリアル http://code.google.com/intl/ja/apis/maps/documentation/javascript/tutorial.html
関連するQ&A
- GoogleMap（埋込）上のボタンを非表示したい
GoogleMapを自分のサイトへ埋め込んだ際、 Mapの右上に「地図」「写真」「地形」「Earth」と 4つの切り替えボタンが表示されますが、 これを表示させない方法をご存知の方教えてください。 よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- web上のGooglemapの拡大縮小無効化
HTMLでWebページを作っています。HTMLでGooglemapを埋め込んだのですが、いざブラウザで表示してみると、スクロールするたびに拡大縮小してしまいます。これを無効化したいです。調べてみたところ、javascriptのみの設定方法しかありませんでした。HTMLだけでは無効化できないのでしょうか。もしできるのであれば、教えてください。よろしくお願いいたします。
- 締切済み
- HTML
- GoogleMapのリンク地図にスケールを表示する
現在、GoogleMAPの地図左下には、添付画像内(1)のとおり Kmとマイルの目盛りがひとつになったスケールが表示されていますが、(2) で作成する Google MAPへのリンク地図には、距離目盛りが表示されません。 リンクボタンから自動作成された「ウェブサイトへの地図埋め込み用 HTMLコード」は次のとおりですが、パラメターの追加や変更などで実現できるのでしょうか？ <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.jp/?ie=UTF8&t=m&brcurrent=3,0x34674e0fd77f192f:0xf54275d47c665244,1&source=embed&ll=35.384572,140.509644&spn=3.488378,4.855957&z=8&output=embed"></iframe>
- ベストアンサー
- ブログ
- 紙媒体で利用出来る、Googlemapのような美しい日本地図を探しています。
紙媒体で利用出来る、Googlemapのような美しい日本地図を探しています。 条件は、 縮尺はGoogleMapで左下に「100km/50マイル」と表示されるくらい。 日本列島・北海道と沖縄も含んだもの。 描写のイメージとしましてはGoogleMapの「地形表示」のように、地形の描写が繊細なもの。 ※上記が一番のポイントです。 商用利用が可能なもの。 無料・有料は問いません。 ネットで探しまわってみたのですが、なかなかGoogleMapに匹敵するような、地形の描写が繊細な日本地図がありませんでした。 やはりGoogleの技術力は恐ろしいですね...。 上記の条件にかなうような、すばらしい地図の素材を どなたかご存知ではないでしょうか？ どうかよろしくお願い致します。
- 締切済み
- グラフィックソフト
- GoogleMAPに代わるような地図サイト
GoogleMAPの画面表示が変わってしまったので、使いづらくなりました。 他に代わるような使い勝手が良い地図サイトはありませんか？ 建物の形や名称が分かるようなものが良いです
- ベストアンサー
- その他（インターネット・Webサービス）
- GoogleMAPを自社サイトに表示させる方法
GoogleMAPを自社サイトに表示させる方法なのですが、Iframeの方式では無くAjax等で行う方法について。 1つのサイトで複数のページに別々のMapを掲載したいのですが、可能でしょうか。 14のページに分けて、各ページに別の地域のGmapを表示させたい。 Iframeでは出来たのですが、CMSを利用している関係、IframeですとCMSが更新したときに読み込みしなく消えてしまうのです。
- ベストアンサー
- その他（インターネット・Webサービス）
- googlemapのマイマップをホームページに表示する方法
googlemapのマイマップをホームページに表示する方法 googlemapのマイマップで作った地図を自分のホームページに表示したいのですがやりかたがわかりません。 「リンク→HTML を貼り付けてサイトに地図を埋め込みます」で制作されたタグを使うとマイマップを表示することができるのですが最初から吹き出しが開いた状態で表示されてしまいます。 吹き出しを閉じた状態で日本全体を表示するようにしたいのですが…いまいちよくわかりませんorz APIkeyを取得するところまではなんとかできたのですが… よろしくお願いします。
- ベストアンサー
- HTML
- GoogleMAPに好きな場所のマークをつける方法
よくサイトでGoogleMAPを使っているところではGoogleMAPに、例えば温泉なら温泉の場所にマークがついた地図などをサイトに載せています。これってどうやるんでしょうか？ MAPを貼り付けるのは、GoogleMAPで表示させたあとにリンクボタンで埋め込みコードを出すのはわかります。好きな場所にマークがついた地図はどうやるんでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- GoogleMapのマイマップで作成した地図
こんにちは。 GoogleMapのマイマップで作成した地図をiphoneでマイマップというアプリを使って見ていましたが、 GoogleMapが新しくなってから、リンクできなくなりました。 エラーコード400が表示されます。 Google Fusion Tableのチェックを外しても、読み込もうとすると、エラー表示後にまたチェックが付いてしまってます。 共有で必要な地図のURLをパソコンから送るしかないのでしょうか？ 以前のようにiphoneからログインしてマイマップで作った地図全て見られるようにしたいです。 何か方法はあるでしょうか？ よろしくお願いします。 iOS6です。
- ベストアンサー
- iPhone・iPad・iOS
- googlemapの利用
googlemapを利用したいと思います。 以下のようなサイトで地図ボタンをクリックするとその場所の地図が表示される仕組みにしたいです。 http://news.kashiwastage.net/ 何か参考になるサイトや方法がありましたら教えて頂ければと思います。
- 締切済み
- JavaScript
お礼
ありがとうございました。 試してみますね。