1

Normally I would include a static image into my webpage for a google map, this way I can make the image responsive, but for this project I would like the interaction of the map, zoom, drag etc.

So I have used the google maps api (javascript V3). The only problem I have here is that the image pulled in is not responsive. I would like to get it to behave the same as a static image, is this possible?

I have followed the instructions and even wrapped the map_canvas in a div that has a specific height and width, though I suspect this is where my problem lies. But without actually declaring the content (the map) as an img I'm unsure what to do here. has anyone got around this before?

EDIT

Just to clarify what I mean by responsive, I would like the map to behave in the same way an img would if you set img{max-width:100%}

Richlewis
  • 15,070
  • 37
  • 122
  • 283

1 Answers1

0

You can give Google Maps Image APIs a shot.

Salman
  • 3,761
  • 2
  • 23
  • 34
  • Thanks for the answer but I was using static images in the beginning, only problem there no interaction – Richlewis Sep 18 '12 at 12:28