javascript - Googleマップのカスタム情報ウィンドウを作成する現在の方法

Question

このトピックに関する2年前の投稿があります：Googleマップでのカスタム情報ウィンドウの作成。

2年経っても、これが依然として最善の解決策なのか、それとも他の、おそらくもっと簡単なカスタム情報ウィンドウを作成する方法があるのだろうか。

ありがとう

Answer 1

私は2年前のInfoBoxを試していませんが、V3で見た中で最高のカスタムソリューションはInfoBoxとも呼ばれています。多くのオプションがあるので、古いインフォボックスよりも単純ではありません。これは、カジュアルな使用には煩わしいものですが、特定の外観が必要な場合は強力です。

これは私がInfoBoxを使用して書いたページで、クリックすることでLatLngsをマークできます。

Answer 2

基本的に次のようなものが必要です。

var map = new google.maps.Map(document.getElementById("map_canvas"), {});
var infoWin = google.maps.InfoWindow({ content: 'Window Content' });

infoWin.open(map);

詳細については、以下を参照してください。

https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows