DevExtreme：添加標記與base64圖標

我想添加一個帶有base64圖標的標記到谷歌地圖（與DevExtreme）。我嘗試用下面的代碼：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); 
        } 
       });

標記顯示和其他一切工作正常，但沒有顯示我的自定義圖標（它仍然顯示標準的谷歌地圖標記圖標）。

我也試過用直接圖標：img，但它也不起作用。

任何幫助將是偉大的！非常感謝你。最好的問候

來源

2015-03-30 gogcam

這是不符合谷歌地圖JavaScript API V3的一個問題，[工作小提琴（http://jsfiddle.net/5qgc6zd7/） – geocodezip 2015-03-30 19:55:53

找到了解決方案。必須是iconSrc而不是圖標。

來源

2015-03-30 19:45:27 gogcam

CSS代碼：

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

來源

2017-01-20 13:45:37

DevExtreme：添加標記與base64圖標

回答

相關問題