display google static map

rubyonrails-talk
1

how can I display a static map in my view from such a url: http://maps.google.com/staticmap?center=40.714728,-73.998672&zoom=14&size=512x512&maptype=mobile&markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&key=MAPS_API_KEY

2

how can I display a static map in my view from such a url: http://maps.google.com/staticmap?center=40.714728,-73.998672&zoom=14&size=512x512&maptype=mobile&markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&key=MAPS_API_KEY

http://www.google.com/search?q=google+map+static+api

First result.

3

google map static api - Google Search

First result.

I know. But how should I render that? A simple <%= image_tag(that_url) %> is not possible...

4

Zoran Surname wrote: [...]

I know. But how should I render that? A simple <%= image_tag(that_url) %> is not possible...

So use literal HTML rather than image_tag. Remember, there's nothing magical about helpers!

Best,

5

use iframe

~N A R E N

6

Narendra sisodiya wrote:

use iframe

Bad idea. There's no need to use an iframe to display a single image!

~N A R E N

Best,

7

I've already tried that but got same result...

So what was the result?

Try it again, and look at the source for your web page for that image. That should let you see what is really and truly getting rendered by your code. From there, you should be able to see that the API call is correctly formed.

8

Ar Chron wrote:

I've already tried that but got same result...

So what was the result?

Try it again, and look at the source for your web page for that image. That should let you see what is really and truly getting rendered by your code. From there, you should be able to see that the API call is correctly formed.

This is the HTML result:

<img alt="Staticmap?center=40" src="http://maps.google.com/staticmap?center=40.714728,-73.998672&amp;zoom=14&amp;size=512x512&amp;maptype=mobile&amp;markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&amp;key=MAPS_API_KEY&quot; />

I also tried things like: static_map = Net::HTTP.get_response(URI.parse(map_url)) @static_map = Magick::Image::from_blob(static_map.body.read).first

<%= @static_map %> then shows me a blob: "GIF89a� � ���...."

static_map_url = "http://maps.google.com/staticmap?center=40.714728,-73.998672&zoom=14&size=512x512&maptype=mobile&markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&key=MAPS_API_KEY&quot; static_map = open(static_map_url) { |f|       @static_map = Magick::Image::from_blob(f.read).first     }

In the console I get then => GIF 512x512 512x512+0+0 PseudoClass 256c 8-bit 77kb @static_map.rows => 512

The image is there but I don't know how to render this one.

9

Forgot to mention: it's a parial which is called by

<% content_for(:x) do %>   <%= render :partial => 'y' %> <% end %>

10

Ar Chron wrote:

I've already tried that but got same result...

So what was the result?

Try it again, and look at the source for your web page for that image. That should let you see what is really and truly getting rendered by your code. From there, you should be able to see that the API call is correctly formed.

This is the HTML result:

<img alt="Staticmap?center=40" src="http://maps.google.com/staticmap?center=40.714728,-73.998672&amp;zoom=14&amp;size=512x512&amp;maptype=mobile&amp;markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&amp;key=MAPS_API_KEY&quot; />

That link does not work, past it into browser and see. I guess it is due to the &amp; in there.

I also tried things like: static_map = Net::HTTP.get_response(URI.parse(map_url)) @static_map = Magick::Image::from_blob(static_map.body.read).first

<%= @static_map %> then shows me a blob: "GIF89a� � ���...."

static_map_url = "http://maps.google.com/staticmap?center=40.714728,-73.998672&zoom=14&size=512x512&maptype=mobile&markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&key=MAPS_API_KEY&quot;

That link does work.

Colin

11

The link (with &amp; in img tag) works, but as I mentioned before only if the img tag is not in a partial called by

<% content_for(:x) do %> <%= render :partial => 'y' %> <% end %> --

Well I just pasted http://maps.google.com/staticmap?center=40.714728,-73.998672&amp;zoom=14&amp;size=512x512&amp;maptype=mobile&amp;markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&amp;key=MAPS_API_KEY into FF and it didn't work. (404 not found)

Colin

12

Colin Law wrote:

13

True, I should have paid more attention to what you wrote. So if I understand correctly you are saying the the html

<img alt="Staticmap?center=40" src="http://maps.google.com/staticmap?center=40.714728,-73.998672&amp;zoom=14&amp;size=512x512&amp;maptype=mobile&amp;markers=40.702147,-74.015794,blues|40.711614,-74.012318,greeng|40.718217,-73.998284,redc&amp;key=MAPS_API_KEY&quot; />

works sometimes but not if generated by a partial? If so then I would suggest it is something to do with the html around the img tag rather than the tag itself. Have you tried pasting the complete page source into the html validator at The W3C Markup Validation Service

Colin

14

I believe that the browser cannot tell how the the html was generated, it just interprets the html. Can you remove as much as possible from the page that does not work and post the complete (html) source?

Colin