Question

我正在使用“诺基亚在线地图”API尝试使用工具提示更改标准标记图标。我尝试使用属性icon: url，但图标不会更改。

这是我的描述性代码：

marker = new InfoBubbleMarker(data.location.position,infoBubbles,"<font style='font-size:2em'>"+ name</font>",{ 
eventDelegationContainer: markersContainer,
brush: { color: "#1080dd" },
icon: "../images/icon.png",
text: (markersContainer.objects.getLength() + 1),
draggable: false
});

markersContainer.objects.add(marker);

如何更改标准图标？

Answer 1

我猜您指的是Extend Standard Marker with InfoBubble中API Explorer示例中使用的InfoBubbleMarker类。正如示例标题所示，它使用标准标记而不是自定义标记，因此需要更改基本代码以使用图标。

改变第110行：

extend(InfoBubbleMarker, nokia.maps.map.StandardMarker);

到

extend(InfoBubbleMarker, nokia.maps.map.Marker);

您可以创建基于图标的自定义标记。

从第216行开始替换brush和text：

eventDelegationContainer: markersContainer,
    brush: { color: "#1080dd" },
    text: (markersContainer.objects.getLength() + 1),
    draggable: true

使用

 eventDelegationContainer: markersContainer,
        icon: "../path_to_icon/icon.png
        draggable: true

。

就我个人而言，我只想创建一个Container，然后向Container添加点击监听器，而不是HERE Maps Community Pages上的标记点击信息中的信息流。 Container可以保存任何可点击的对象，因此可以使用StandardMarker个图钉和自定义Marker图标。

诺基亚这里映射api：infobubble标记图标

1 个答案: