我想在谷歌地图上添加带有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,但它也不起作用。
任何帮助都会很棒!非常感谢你。 最诚挚的问候
答案 0 :(得分:1)
找到解决方案。必须是iconSrc而不是icon。
答案 1 :(得分:0)
CSS代码:
.dx-icon-myicon{background:url(data:image/png;base64,url) no-repeat}