1

我想将带有 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);
                    }
                });

显示标记，其他一切正常，但未显示我的自定义图标（它仍显示标准的谷歌地图标记图标）。

我也直接用 icon:img 试过了，但它也不起作用。

任何帮助都会很棒！非常感谢你。最好的祝福

4

2 回答 2

1

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

于 2015-03-30T19:45:27.053 回答
0

CSS 代码：

.dx-icon-myicon{background:url(data:image/png;base64,url) no-repeat}
于 2017-01-20T13:45:37.597 回答