Sto tentando di utilizzare un indicatore personalizzato su un Google Maps utilizzando una stringa codificata in base 64. In qualche modo non funziona.Utilizzo della stringa codificata in base64
12
A
risposta
23
Prova a fare come segue:
var marker = new google.maps.Marker({
position: latLng,
map: map,
title: 'hello',
id: 'hehehe',
icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA..."
});
Edit: Solo integrando: se si sta utilizzando un linguaggio lato server per generare i js, si può sempre inserire qualche PHP/Python/qualunque cosa il codice per caricare il immagine e convertirla nella sua rappresentazione base64.
Qualcosa di simile (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);
Poi (front-end):
var marker = new google.maps.Marker({
//...
icon: '<?=$encoded;?>'
});
Grazie !! ..... parla di darti troppa importanza :) – jagzviruz
Grazie per aver condiviso questa soluzione. Mi ha aiutato a risolvere il problema relativo del percorso dopo la compilazione dell'applicazione phonegap. Stavo facendo riferimento a un'immagine da uno script, ma non ha funzionato allo stesso modo nel browser e nell'applicazione. L'immagine marker basata su Base64 si è rivelata la soluzione più valida. –
Prego :) –