Question

我正在使用bing map开发一个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();

在网站中，我看到带有自定义图标的图钉，但我也想在悬停中更改图标（实际上我看到悬停标准图标，蓝色标记）。

有人知道如何设置自定义悬停航点图钉图标吗？或者阻止鼠标悬停事件？

Answer 1

尝试在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，他们应该真正采取行动，而不是支付公司使用它。非常草率！

Answer 2

创建图钉时，可以在options对象上设置typeName属性。这被设置为包含图钉的类名。

示例 - 如果您将typeName设置为'waypoint'，那么在您的CSS中您可以：

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

或者，您可以订阅图钉上的鼠标事件，并在响应中更改图钉上的typeName属性并应用不同的css规则（如果：hover伪类不起作用）

希望有所帮助。

Bing地图悬停航点图钉图标

2 个答案: