4

私はAngularに比較的慣れていません。

angular-google-maps を使用していますが、マーカーにカーソルを合わせたときにツールチップ/情報ウィンドウを表示する方法がわかりません。マーカー オブジェクト ( https://developers.google.com/maps/documentation/javascript/examples/marker-simpleのように)

labelContnent 属性を使用したマーカー要素と、marker-label 要素を使用したマーカーを試しましたが、どちらもマーカー タイトルのツールチップを表示しません。

angular-google-maps デモ ( http://angular-google-maps.org/demo ) にもツールチップが表示されないため、間違ったことはしていないと思います。

問題は、タイトルを表示するにはどうすればよいかということです。

ティア！

4

1 に答える 1

4

マーカーを作成するときに、optionsを含むメンバーを提供する必要があります。title

小さい実例がなくて申し訳ありませんが、マーカー オブジェクトを次のようにする必要があります。

var marker = {
    coords: { latitude: 38.8977, longitude: -77.0366 },
    icon: 'images/whitehouse.png',
    options: { title: 'The White House' }
    id: 12345
};

<marker>次に、 or<markers>ディレクティブでこれらすべてのプロパティ名を指定します。

次に、マウスをアイコンの上に置くと、ツールチップが表示されます。ブラウザはアイコンを表示するのが非常に遅い場合があるので、アイコンが機能していないと判断するまで数秒間マウスを置いたままにしてください。

ツールチップではなく情報ウィンドウを表示したい場合は、mouseoverおよびmouseoutイベントを処理する必要があります。ドキュメントは現在 (2014 年 6 月) その方法についてかなりあいまいであり、 ではサポートされて<marker>いません<markers>。

于 2014-06-17T02:19:15.427 に答える