Question

我正在尝试使用base64编码的字符串在Google地图上使用自定义标记。不知怎的，它不起作用。

Answer 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后端）：

$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);

然后（前端）：

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

标记使用base64编码的字符串

1 个答案: