フィルター可能なマーカーを備え、各マーカーに関する簡単な情報を含む Google マップがあります(マーカーをクリックしたとき) が、これが可能かどうか疑問に思っていました:info-boxes
マーカーを使用する場合click
- デフォルトの代わりに、JSON (画像、リンク、写真)を介してマーカーに関して提供する可能性のあるすべてのデータを示すタブ付きのinfo-box
大きなマップがマップの上に表示されます。div
この機能の実装についてどのように取り組みますか?
フィルター可能なマーカーを備え、各マーカーに関する簡単な情報を含む Google マップがあります(マーカーをクリックしたとき) が、これが可能かどうか疑問に思っていました:info-boxes
マーカーを使用する場合click
- デフォルトの代わりに、JSON (画像、リンク、写真)を介してマーカーに関して提供する可能性のあるすべてのデータを示すタブ付きのinfo-box
大きなマップがマップの上に表示されます。div
この機能の実装についてどのように取り組みますか?
マーカーを追加するループで、次のようなものを追加します。
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
... your code ...
}
})
)
コードでは、マップのサイズを決定し、半透明の DIV を上に配置してから、マップの weapping 要素内に独自の HTML 絶対配置 DIV を表示する必要があります。
マーカーをクリックすると、マップ スタイルを変更することもできます。
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
map.set('styles', markerSelectedStyles);
}
})
)
暗いマップの独自のバージョンを作成する必要があります。
たとえば、次のようなスタイルを作成します。
var markerSelectedStyles = [ {
"stylers": [
{ "invert_lightness": true }
]}
]