2012-10-25 5 views

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;?>' 
}); 
+1

Grazie !! ..... parla di darti troppa importanza :) – jagzviruz

+1

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. –

+0

Prego :) –