Google Map埋め込みでマーカーの種類を変更したい
- Google Mapの地図をHPに埋め込みたいが、マーカーの種類を変更したい場合、どのようにすれば良いのか。
- 参考にしたサイトを見ると、フキダシを消すことはできたが、マーカーの記号を変更する方法については触れられていない。
- マーカーの記号を変更したい場合、別の方法を探すか、APIを使用してカスタマイズする必要がある。
- ベストアンサー
Google Map埋め込みでマーカーの種類を変更したい
いつもお世話になっております。 早速質問です。 Google Mapの地図をＨＰに埋め込みたいのですが、少し手を加えたいと思っております。 以下のサイトを参考に、フキダシを消すことはできたのですが、"A"と書かれたマーカーを例えば"・"等、他の記号に変えて表示したいのですが、方法はありますでしょうか？ HP上に埋め込まれたMAPを見たとき、"A"のマーカーでは違和感を感じるので別のものに変更したいのです。 できればkey取得をせずに表示できる方法をご教授願います。 どうか宜しくお願い致します。 参考にしたサイト： http://www.koikikukan.com/archives/2009/01/07-003700.php
- ky_qa0903
- お礼率71% (20/28)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
(1)Google Mapでマイマップを作成する。 (2)マイマップの目印の追加のポップアップ内アイコンをクリックすると 目印のアイコンの種類をいろいろ選べる。 (3)作成したマイマップのリンクのボタンの 「HTML を貼り付けてサイトに地図を埋め込みます」 の内容をHPに張り付ける でできると思います。 オリジナルのアイコンにしたい場合は、マイマップのKMLファイルを ダウンロードしてカストマイズしてアップしなおせば出来ますが、 面倒ですし、推奨されていません。 キーを取得してAPIを使う方が簡単です。 http://code.google.com/intl/ja/apis/maps/documentation/staticmaps/
関連するQ&A
- グーグルマップのマーカー
グーグルマップに表示されたマーカーをクリックすると 吹き出しとか関係なくそのマーカーのもっている座標点に 地図の中心が移動するようにしたいのですが どのように記述するのでしょうか？
- 締切済み
- その他（プログラミング・開発）
- グーグルマップのマーカー？を消したい
グーグルで地名などを地図で検索すると、その地点にＡとかＢとかのはいったマーカー（というんでしょうか、水滴を逆さにしたような記号）マークが表示されます。 ○○駅 などで検索すると、××屋○○駅前店 などがたくさんあって、マーカーだらけになってしまいます。 検索してその地点が表示された後は、マーカーは不要なのですが、画面からこのマーカーを消す方法はないでしょうか。 ブラウザはFireFoxを使ってます。
- ベストアンサー
- その他（インターネット・Webサービス）
- Google Map の埋め込みカスタマイズ
Google Map の地図をサイトにシステム的に埋め込みたいのですが、 例えば、東京都渋谷区宇田川町を埋め込み地図用の検索キーワードにした場合、 宇田川町の区画だけ、色が塗られた状態、もしくは点線で囲まれた状態に 見せるにはどうすればいいのでしょうか？ Google 検索画面から、地名を探した状態では、普通、点線で囲まれた表示に なるようですが、それを埋め込もうとすると、どうしても、区画を囲んだ状態 はなく、マーカーと吹き出しがついてしまい、うまく意図するようにもって いけないのです。 どなたか、ご存じの方いらっしゃらないでしょうか？
- ベストアンサー
- CSS
- グーグルマップのマーカー
グーグルマップを設置したのですが、いつの間にか グーグルマップのマーカー消えてしまい、地図だけが残っている 状態になってしまいました。そんなことあるんでしょうか？ どうしたらよいか分かる方いらっしゃいますでしょうか？
- ベストアンサー
- JavaScript
- グーグルマップの吹出しは複数可能？
グーグルマップを自分のサイトに設置しようとしています。 マーカーをクリックすると吹き出しが出ますが 他のマーカーをクリックすると吹出しが消えて２つ表示ができません。 吹出しでなくてもいいのですが 吹出し見たいのを複数常時表示することはできますか？ お忙しいところ是非教えていただければと思います。 よろしくお願いします。
- 締切済み
- HTML
- google 埋め込み 大きさ マーカー
ホームページを作る準備として、google mapを埋め込む設定をしています。 地図を小さめにしたいのですが、なかなかうまく行きません。 問題は、 １．google mapで、地図を表示した後、「リンク」ボタンをクリックしても、「埋め込み地図のカスタマイズとプレビュー」 という部分が出ないので、google mapで設定できない。 ２．自分で大きさを変えると、縮尺（縮尺については↓３）が変わり、マーカーも、消えてしまう。 ３．縮尺については、z=14を変えて何とかできた様に思えるのですが、マーカーの表示が無くなります。 ４．これは別の質問として、適当な大きさはあるのでしょうか？ です。 埋め込みたい地図は、 １．比較的小さな画面（５センチ×５センチより小さい画面）にする。 ２．クリックすると、google mapにつながり、大きな画面で確認できる。 ３．小さな画面にも、クリックした先の画面にも、マーカーが表示される様にする。 と考えています。 よろしくお願い致します。
- 締切済み
- その他（インターネット・Webサービス）
- グーグルマップ（Googlemap）をブログに貼り付けたい
グーグルマップをブログ（ココログ）に貼り付けたいと思い、現在ぐーぐるマップにHTML を貼り付けてサイトに地図を埋め込みますという機能があり、貼り付けましたがタグだけ表示され、地図は表示されません。どのようにすれば良いかご存知の方教えて下さい。また、グーグルマップのマーカーの位置 が違うのですがブログに貼り付ける際、マーカーを指定の場所までドラッグして移動させる機能や方法をご存知であれば一緒に教えていただくと助かります。
- 締切済み
- その他（プログラミング・開発）
- google map
こんにちは。最近「google map」を使いはじめまして、 いろいろと地図を作って試しているのですが、わからない ことがありまして。。お願い致します。 google mapの「サイドバー」と「吹き出しのタブ」の 両方を同時に表示させたいのですが、どのようにすれば よろしいのでしょうか。 「サイドバー」と「吹き出しタブ」を別々に表示させること はできたのですが、どうしても両方を同時に表示させること ができません。 サイドバーは以下のような感じで作っています。 function createMarker(point, name, html) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); gmarkers[i] = marker; htmls[i] = html; sidebar_html += '<a href="javascript:myclick(' + i + ')">' + name + '<\/a><br />'; i++; return marker; } function myclick(i) { gmarkers[i].openInfoWindowHtml(htmls[i]); } 吹き出しタブは以下のような感じで作りました。 function createTabbedMarker(point,html1,html2,label1,label2,n) { var marker = new GMarker(point,icon[n]); GEvent.addListener(marker, "click", function() { marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2)]); }); return marker; } どうぞ、よろしくお願い致します。
- 締切済み
- HTML
- グーグルマップの埋め込みで縮尺が変わります
グーグルマップを自分のブログに埋め込みたいんですが 埋め込んだ後に、縮尺が変わるんです 簡単に言うと、埋め込む前は 拡大で埋め込みタグをコピーして貼り付けるんですが 実際にブログに貼ると、広域地図で表示されてるんです 実は、アクセス者に２箇所を教えたかったんですが それを１つの地図では無く、２つの地図で表示したいんです 分かり易く云うと、場所ＸとＹを教えるのに 地図ＡではＸ、地図ＢではＹを表示したいんです それで地図ＡでのＸは埋め込むと上手く反映しました ところが地図ＢにＹを埋め込むと 何回タグを作り直しても(？)広域地図でしか 表示出来ないんです ちなみに作り方ですが 成功した埋め込みの方は、方法を忘れた為 ネットで調べて色々操作してたら出来ただけなんで 覚えてないんですが まず私の場合、自分の住んでる地域のマップを ブック(ブックマーク)に入れてる為 画面右下のクエスチョンマークから 「以前のマップに戻る」→「以前のマップに戻る」 其処から目的地にスクロールで到着して拡大 右クリックで「この場所について」をクリックして マーカーで目印をつけました すると緑の矢印アイコンが表示される為 そのまま右上のチェーンマークをクリックして 「ウェブサイトへの埋め込み…」 をクリックしてコピー それを自分のブログに埋め込んだんです ところが、実際に反映されると 広域地図しか表示出来ないんです 勿論、この地図の事を知ってる方なら 埋め込んだ地図その物から拡大すれば分かると思いますが そこ迄知識の無い方だと分からないと考えました
- ベストアンサー
- その他（インターネット・Webサービス）
- Google Maps API のマーカー表示について
Google Maps API のマーカー表示について → http://www.smatch.jp/A030990066308854/map/ のような地図でマーカーが表示されていますが 、地図を移動させても新たにマーカーが表示されます。 これは、移動する毎に座標などをもとにマーカーの情報を読み込ませているのでしょうか？ それとも、初回表示時に全て(全国)のマーカーの情報を読み込ませているのでしょうか？ どちらの方法で実現できているのでしょうか？
- ベストアンサー
- AJAX
お礼
ご教授ありがとうございます。 API取得を検討したほうが良さそうですね。 助かりました。 ありがとうございました。