DevExtreme:添加带有base64图标的标记

时间:2015-03-30 19:39:06

标签: javascript google-maps base64 devextreme

我想在谷歌地图上添加带有base64图标的标记(使用DevExtreme)。 我尝试使用以下代码:

var img = "data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QAAAAAAAD5Q7t/AAAACW9GRnMAAAAAAAAA4ACEVEUiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOElEQVRYw+ 3VQQoAIAgAQf//6XqBhwgpdAa8LwgaAfC5dTlNAk4JKA3I9i1AwJwAd+BJwOhvCJTbFlpB273IBPcAAAAASUVORK5CYII=";

                var sContent = "<div id=\"blub\" style=\"width:200px; height:100px;\">" + k.info.title + "</div>";

                viewModel.mapMarkers.push({
                    title: 'test',
                    tooltip: { text: sContent, isShown: true },
                    location: mapPosition,
                    icon: {url: img},
                    clickAction: function () {
                        DevExpress.ui.notify("Marker 'C' clicked!", "info", 1000);
                    }
                });

显示标记,其他一切正常,但我的自定义图标未显示(它仍然显示标准的谷歌地图标记图标)。

我也尝试使用直接图标:img,但它也不起作用。

任何帮助都会很棒!非常感谢你。 最诚挚的问候

2 个答案:

答案 0 :(得分:1)

找到解决方案。必须是iconSrc而不是icon。

答案 1 :(得分:0)

CSS代码:

.dx-icon-myicon{background:url(data:image/png;base64,url) no-repeat}