2015-03-30 3 views
1

Я хотел бы добавить маркер с значком base64 в карты google (с 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); 
        } 
       }); 

Маркеры показаны и все остальное работает нормально, но мой пользовательский значок не отображается (он по-прежнему показывает стандартный Google Maps значок маркера).

Я также пробовал его с помощью значка: img, но он тоже не работает.

Любая помощь будет замечательной! Большое спасибо. С наилучшими пожеланиями

+0

Это не проблема с Google Maps JavaScript API v3, [рабочее скрипку] (http://jsfiddle.net/5qgc6zd7/) – geocodezip

ответ

1

Нашли решение. Должен быть iconSrc вместо значка.

0

код CSS:

.dx-icon-myicon{background:url(data:image/png;base64,url) no-repeat} 
Смежные вопросы