DevExtreme:添加带有 base64 图标的标记
DevExtreme: Add marker with base64 icon
我想向 google 地图(使用 DevExtreme)添加带有 base64 图标的标记。
我尝试使用以下代码:
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);
}
});
显示了标记,其他一切正常,但未显示我的自定义图标(它仍然显示标准 google 地图标记图标)。
我也直接用icon:img试过了,也没用
任何帮助都会很棒!非常感谢你。
最好的问候
找到解决方案。必须是 iconSrc 而不是 icon。
CSS代码:
.dx-icon-myicon{background:url(data:image/png;base64,url) no-repeat}
我想向 google 地图(使用 DevExtreme)添加带有 base64 图标的标记。 我尝试使用以下代码:
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);
}
});
显示了标记,其他一切正常,但未显示我的自定义图标(它仍然显示标准 google 地图标记图标)。
我也直接用icon:img试过了,也没用
任何帮助都会很棒!非常感谢你。 最好的问候
找到解决方案。必须是 iconSrc 而不是 icon。
CSS代码:
.dx-icon-myicon{background:url(data:image/png;base64,url) no-repeat}