Come posso utilizzare marcatori personalizzati ad alta risoluzione con il parametro di scala nell'API di Google Maps?

Utilizziamo l'API di Google Maps Static con lo scale parameter per visualizzare belle mappe fluide per le persone che utilizzano display ad alta risoluzione. Tuttavia, vorremmo anche utilizzare custom icons per mostrare i punti sulla mappa.Come posso utilizzare marcatori personalizzati ad alta risoluzione con il parametro di scala nell'API di Google Maps?

Purtroppo non riesco a trovare alcun modo per farlo senza icone pixelate like in this example. C'è un modo per farlo che non ridimensiona le icone?

fonte

2012-04-26 alnorth29

Hai guardato questo http: // stackoverflow.com/questions/8813143/how-do-i-add-a-high-resolution-custom-marker-on-a-static-google-map? – varesa

Sì. Noterai che se aggiungi & scale = 2 alla fine di quell'URL di esempio, le icone diventano pixelate. – alnorth29

perché non usi le tue versioni dell'icona hd? – balexandre

Il parametro &markers ha ora un descrittore (non documentato) scale. Impostalo su 2 e il descrittore icon sul tuo URL immagine @ 2x marker mentre utilizzi il parametro &scale=2. Qualcosa di simile:

&markers=scale:2|[email protected]&scale=2

Fonte: https://groups.google.com/d/msg/google-maps-api/_METlecmeO4/JNyfkguoO7QJ

fonte

2013-06-16 05:09:43

Grazie risolto bene il mio problema :) – Jonathan

Non funziona per me. La mappa è retinata, ma il marcatore no. Ecco il mio URL: http://maps.googleapis.com/maps/api/staticmap?center=55.73376,37.346275&size=144x144&sensor=true&zoom=12&markers=icon:http://imgur.com/QD06Ctj.png%7C55. 73076,37,346275 & markers = scale: 2 | icon = http: //imgur.com/OEO1j4V.png&scale=2, con http://imgur.com/OEO1j4V.png per il marker retina. Ma la mappa mostra un indicatore di non retina da http://imgur.com/QD06Ctj.png invece ... – Andrey

@Andrey L'immagine del tuo marcatore è troppo piccola - imgur.com/OEO1j4V.png deve essere il doppio delle dimensioni attualmente è senza perdere la qualità dell'immagine. –

Questo è potrebbe essere utile se si utilizza l'API

var image = { 
    url: place.icon, 
    size: new google.maps.Size(71, 71), 
    origin: new google.maps.Point(0, 0), 
    anchor: new google.maps.Point(17, 34), 
    scaledSize: new google.maps.Size(25, 25) 
};

https://developers.google.com/maps/documentation/javascript/markers

fonte

2017-08-26 20:57:40

Come posso utilizzare marcatori personalizzati ad alta risoluzione con il parametro di scala nell'API di Google Maps?

risposta

Problemi correlati