• 締切済み

Googleマップの吹き出しを消したい

Googleマップをカスタマイズして235px×180pxの小さいマップを作成したところ、吹き出しでほとんど地図が見えません。吹き出しを消して見てみると、カスタマイズして作成した地図の場所がずれてしまいます。 最初からこの吹き出しを消してカスタマイズしたいのですが、方法がわかれば教えてください。htmlコードは吹き出し「あり」と「なし」では変わりますが、「なし」のほうのコードでも実際にアップされると吹き出しが出てきます。よろしくお願いいたします。

みんなの回答

  • nakayan_4
  • ベストアンサー率55% (649/1171)
回答No.1

Googleなどで検索すればもっといい方法がみつかるかもしれませんが… Google マップの埋め込み HTML でふきだしを消す方法 http://www.koikikukan.com/archives/2007/08/28-031703.php Google マップの埋め込み HTML でふきだしを消す方法（新） http://purecrest.blogspot.com/2009/01/google-html.html ふきだしを閉じる http://www.geekpage.jp/web/google-maps-api/closeinfowindow.php

kata1190
質問者

お礼

ありがとうございます。新しいふきだしを消す方法で試してみましたが、マーカーも一緒に消えちゃうんですね。マーカーは残しつつ吹き出しのみ消したいのですが、なかなかうまくいかないものですね。 でも取りあえずはふきだしを消す方法を知ることができたので感謝いたします。ありがとうございました。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • googleマップで、吹き出しの中に任意の文字と写真を入れる方法‥

    googleマップで、自分のホームページに地図と、それに関するちょっとした情報＋写真を吹き出しの中に入れたいと思っています。 情報共有サイトならそういうサービスが見つかったのですが、自分のサイト上や、直リンクでそういう地図を見たいと思っておりますが、そのようなことは可能でしょうか。 出来ればgoogleマップ純正（？）のような白い吹き出しでの中に、その情報と写真を入れたいと思っています。 あと出来れば簡単に作成できれば言うことナシ！です。 そんな都合のいいものあるかどうか分かりませんが、どうぞお教えください。 宜しくお願い致します。

  • グーグルマップをＨＰに加えましたが、吹き出しからリンクする方法がわかり

    グーグルマップをＨＰに加えましたが、吹き出しからリンクする方法がわかりません。 よくグーグルマップの吹き出しの文字にリンクが張ってあり、目的の場所に移動できますが、 どうやればいいのでしょうか。初心者なのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • google map吹き出し

    下記google mapをスマホで見ると吹き出しが頻繁に出たり消えたりして見づらいのですが 吹き出しは出しっぱなしでカウントダウンのみ動かす方法ありませんか。 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> div#map-canvas { position: absolute; width: 100%; height: 100%; } </style> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> var geocoder, map, marker, infoWindow; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(35.710058, 139.810718); var mapDiv = document.getElementById('map-canvas'); var myOptions = { center: latlng, zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(mapDiv, myOptions); google.maps.event.addListener(map, 'click', function(e) { marker = new google.maps.Marker({ position: e.latLng, map: map, draggable: true, title: "Click Me!" }); if(infoWindow) infoWindow.close(); infoWindow = new google.maps.InfoWindow(); var targetDate = Date.parse('2014/07/07 00:00:00'); setInterval ( function() { var now = new Date().getTime(); var diff = targetDate - now; var day = Math.floor ( diff / 86400000 ); diff -= day * 86400000; var hour = Math.floor ( diff / 3600000 ); diff -= hour * 3600000; var minute = Math.floor ( diff / 60000 ); diff -= minute * 60000; var second = Math.floor ( diff / 1000 ); if(infoWindow) infoWindow.setContent ( '七夕まで' + day + '日' + hour + '時間' + minute + '分' + second + '秒' ); },1000); infoWindow.open(map, marker); map.setCenter(e.latLng); }); }; google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>

    • ベストアンサー
    • AJAX
  • Google Map APIを使用して、ふきだし内にExcelファイル

    Google Map APIを使用して、ふきだし内にExcelファイルへのリンクをはる方法 GoogleMapAPIを使って、地図上に吹き出しがでるように作成しました。 吹き出し内にリンクをはり、フォルダ直下のエクセルファイルを開くように 設定したいのですが可能でしょうか。URLしか設定できないのでしょうか。 よろしくお願いします。

  • Google map グーグルマップkeyが使えません

    Google mapのカスタマイズをして、自分の使っているレンタルサーバに載せたく思っています。 Google MAPS API keyを取得して、ためしに一番簡単なページを文字コードUTF-8でupしてみましたが、 「GoogleマップAPIにしようされているキーは他のウェブサイトに登録されています。このウェブサイト用のキーをgoogle.com/apis/mapsにて作成、登録してください」 と表示されます。 このkeyは「ディレクトリ階層的に一番トップのURL」で登録しなければなりませんが、レンタルサーバのURLが「http://f54.aaa.livedoor.jp/~◎◎◎/」となっています。 ◎◎◎の部分がこのレンタルサーバから配られた自分のアカウント名となり、このページ以下が自分の使える場所になります。 注意書きによれば、Keyは「http://f54.aaa.livedoor.jp/」で登録しなければなりません。 つまり、このレンタルサーバではマップを使えないということでしょうか？ あちこち検索＆問い合わせしてみましたが、よく分かりません。 どなたかご教示いただけますと幸いです。どうぞよろしくお願いいたします。

  • グーグルマップのマーカー

    グーグルマップに表示されたマーカーをクリックすると 吹き出しとか関係なくそのマーカーのもっている座標点に 地図の中心が移動するようにしたいのですが どのように記述するのでしょうか？

  • グーグルマップAPIで右クリックで吹き出し

    お世話になっております。 グーグルマップAPIを使ってサイトを作成しています。 右クリックをして、吹き出しを出すにはどうしたらよろしいでしょうか？ 以下のようなスクリプトがあるのですが、全く反応しません。 google.maps.event.addListener(map, "rightclick", function() { infowindow.setContent(contentString); infowindow.open(map,marker); document.getElementById("result").innerHTML += "<br>rightclickイベント発生："+(new Date()); 上記ではなく、rightclickの部分をclickにすると動きますが、右クリックで動作させたいのです。 できれば、その吹き出しの中にフォームを作りたいと思っています。 よろしくお願い致します。

  • グーグルマップの文字化けで困っています。

    宜しくお願いします。 あるサイトを作成していて、そこへ「地図を見る」ボタンを設置しました。 そのボタンを押すと、グーグルマップへ移動する、というしくみです。 ボタンには、グーグルが発行する 「このリンクをメールに貼り付けて地図を共有できます」のURLを入れています。 ところが、windowsIE7,8の場合のみ、グーグルマップに移動した際の アドレスバーが文字化けして表示されてしまいます。 グーグルマップのコードはUTF8だそうですが、作成しているサイトもUTF8です。 windowsIE7,8でも文字化けせずに表示したいのですが、 解決策がお分かりの方いらっしゃいましたら、教えて頂けないでしょうか？ どうぞ宜しくお願い致します。

  • googleマップのような動作をさせる方法は？

    googleマップのような効果－－－ 地図でなくても、たとえば、一枚の画像に設定されたいくつかのポイントの情報を吹き出しのような形で得る方法はどうすればいいでしょうか。－－－素人でも実現可能な方法としてはどんな方法がありますか。 自分でもうまくイメージできてないので、回答しにくい質問になってしまいましたが、よろしくお願いします。

    • ベストアンサー
    • CSS
  • Googleマップの質問2つ

    1.Google Map で表示される衛星からの写真をPrintScreen以外の方法でダウンロードできないでしょうか？ 2.Google Map で大まかな住所から地図を表示させ、そこからスクロールしてその周辺にある目的の場所を画面に表示させてもＵＲＬが変わらず、その場所の地図をＵＲＬで特定できません。こういう場合はどうすればその表示されている地図を特定できるのでしょうか？ よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する