CODEWITHSUNDEEP
google-mapsretina-display
gpr
gpr

Reputation: 959

How do I add a high-resolution custom marker on a static google map

I'm using Google static maps (documention here) to show shops' locations, and I'm using a custom marker instead of the default.

However, this marker image appears low-resolution on high-resolution mobiles like the iPhone 4.

How do I fix it?

Upvotes: 14

Views: 8755

Answers (2)

Hakan B.
Hakan B.

Reputation: 2379

Set &markers=scale:2 in conjunction with a @2x marker icon image and the &scale=2 parameter.

I just answered this in a duplicate question here: https://stackoverflow.com/a/17130379/378638

Upvotes: 26

andresf
andresf

Reputation: 2061

In order to avoid the low-resolution dithering, you need to use proportionately larger custom marker images. See the example below, which references a 64x64 pushpin:

http://maps.googleapis.com/maps/api/staticmap?size=480x480&markers=icon:http://maps.google.com/mapfiles/kml/pushpin/grn-pushpin.png%7C224+West+20th+Street+NY%7C75+9th+Ave+NY%7C700+E+9th+St+NY&sensor=false

Upvotes: 1

Related Questions