Маркер Использование кодированной строки base64

Я пытаюсь использовать настраиваемый маркер на Картах Google, используя строчную кодировку base64. Как-то это не сработает.

Ответы

Ответ 1

Попробуйте сделать это следующим образом:

var marker = new google.maps.Marker({
    position: latLng,
    map: map,
    title: 'hello',
    id: 'hehehe',
    icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA..."
});

Редактирование: просто дополняя: если вы используете серверный язык для генерации js, вы всегда можете вставить некоторый код PHP/Python/любой код для загрузки изображения и преобразования его в его представление base64.

Что-то вроде (PHP back-end):

$path = 'path/to/my/image.ext';

$info = getimagesize($info);
$ext = ($info[2]);

$data = file_get_contents($path);
$encoded = 'data:image/' . $ext . ';base64,' .base64_encode($data);

Затем (front-end):

var marker = new google.maps.Marker({
    //...
    icon: '<?=$encoded;?>'
});