3

私はビングマップでWebアプリケーションを開発しています。この方法を使用して、ウェイポイントの画鋲アイコンを変更しました。

directionsManager.setRenderOptions({
        itineraryContainer: document.getElementById('itineraryDiv'),
        waypointPushpinOptions: {
            icon: "/images/citta-nascosta/blue-pushpin.png", 
            height:29, 
            width:25, 
            draggable:false, 
            textOffset:new Microsoft.Maps.Point(-1,3)
        }
});

次に、マップを次のようにレンダリングします。

directionsManager.calculateDirections();

サイトでは、カスタム アイコンの画鋲が表示されますが、ホバーのアイコンも変更したいと考えています (実際には、ホバーの標準アイコンである青い旗が表示されます)。

カスタムのホバー ウェイポイント プッシュピン アイコンを設定する方法を知っている人はいますか? または、マウスオーバーイベントを防ぎますか?

4

2 に答える 2

2

hoverIcon内部でwaypointPushPinOptions次のように使用してみてください。

directionsManager.setRenderOptions({
        itineraryContainer: document.getElementById('itineraryDiv'),
        waypointPushpinOptions: {
            icon: "/images/citta-nascosta/blue-pushpin.png",
            hoverIcon: "/images/citta-nascosta/blue-pushpin-hover.png", 
            height:29, 
            width:25, 
            draggable:false, 
            textOffset:new Microsoft.Maps.Point(-1,3)
        }
});

このプロパティは文書化されていません。マイクロソフトが自社のマップ API をもっと採用してもらいたいのであれば、会社にお金を払って使用するのではなく、本当に団結すべきです。非常にずさんな！

于 2012-10-26T00:57:44.800 に答える
0

画鋲を作成するときに、オプションオブジェクトにtypeNameプロパティを設定できます。これは、画鋲を含むクラス名として設定されます。

例-typeNameを'waypoint'に設定すると、cssで次のようになります。

div.waypoint {
  /* normal settings */
}
div.waypoint:hover {
  /* hover settings */
}

または、画鋲でマウスイベントをサブスクライブし、それに応じて画鋲のtypeNameプロパティを変更し、さまざまなcssルールを適用することもできます（：hover疑似クラスが機能しない場合）

お役に立てば幸いです。

于 2011-09-26T11:52:53.177 に答える