maps.google.com にあるような「デフォルト」の INFOWINDOW 吹き出しを使用して、お店やサービスの場所のマーカーを追加することはできますか?
私は会社の連絡先ページを作成しています。ここには、当然のことながら、場所とマーカーを含む GMaps 要素があります。
例:
maps.google.com に移動し、「コロッセオ」を検索します (たとえば、「既知の」場所/ビジネスで十分です)。コロッセオ マーカーをクリックすると、ウィンドウにビジネス/サイト/その他の情報を含む情報ウィンドウが表示されます (スクリーンショット: https://dl.dropbox.com/u/1122582/colosseum.jpg ) 。
私が見たいのは、次のとおりです。
- Web ページのマップ上のマーカーをクリックすると、例と同じスタイル (または少なくとも非常に類似した) の infoWindow が開きます (これは、ロゴ、住所、方向リンクなどを意味します)。InfoWindow は API オプションによって提供され、私が手作りしたものではありません。
疑似コードでは、次のように見えると思います。
myMarker.onClick({
position: myBusinessLocation,
useDefaultInfoWindow: true
map: myMap
});
座標は実際には座標と名前付きの場所にすぎないため、地図内の単なるポイントではなく、マーカー ポイントがビジネスを指すことを API に理解させる必要があることに注意してください。
要件
- クライアント側 API の使用
- Google の IFRAME 埋め込みを使用しない
- 例のようなカスタムの infoWindow を作成する必要はありません。全体的なポイントは、「デフォルト」の infoWindow を使用することです (GMaps API が提供する場合)