google-maps - ルートGoogleマップの大きなポップアップをオーバーライドする

Question

Google マップの v2 を問題なく自分のサイトに実装しました。また、GDirections.load() を使用してドライブ ルート案内を正常に実行しました。

私がする必要があるのは、ルート案内で特定のステップを選択したときに、ミニ マップのポップアップを停止することです。したがって、ユーザーが「ステップ 3」と言うと、ミニ マップを表示するデフォルトのポップアップの代わりに、その位置にカスタム アイコンを追加したいと思います。

それが理にかなっていることを願っています。

Answer 1

addoverlayイベントのGDirectionsオブジェクトにハンドラーを追加する必要があります。

GEvent.addListener(gdir, "addoverlay", onGDirectionsAddOverlay);

onGDirectionsAddOverlayハンドラーが呼び出されると、新しいマーカーを反復処理して、カスタム情報ウィンドウを開くコピーに置き換えることができます。

for (var i = 0; i <= gdir.getNumRoutes(); i++) 
{
    var originalMarker = gdir.getMarker(i);
    latLngs[i] = originalMarker.getLatLng();
    icons[i] = originalMarker.getIcon();
    newMarkers[i] = new GMarker(latLngs[i], { icon: icons[i], draggable: true, title: 'Kan flyttes' });
    map.addOverlay(newMarkers[i]);

    // add stuff to your newMarkers[i] click event...
    // ..

    // Now we can remove the original marker safely
    map.removeOverlay(originalMarker);
}