[Pro] Placing graphics on a Google map

So I’ve embedded a Google map on this page: http://www.my-santana.com/itineraries.html

What I would like to do next is to put a dozen or two graphic boxes around the island which when clicked show up a picture and some text of that particular spot. The popping up part I suppose is quite simple with the rollover action, etc. But getting the boxes on the map I can’t figure out, as they have to move with the map when scaling up or down.

Can somebody enlighten me on this?

Any suggestions welcome.

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

…and may I come with a humble suggestion to the administrator of this forum: It would be so much more convenient if the links would open in a new tab as many of the helpers here do use links to illustrate a point. As it is now we the plebeians have to use the back button and wait for the page to open again only to find that we’d forgotten something.

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It’s a matter of preference, really. If you want to open a new window/tab from a link, hold down the command (apple) key when you press the link. The XHTML Strict philosophy, which I agree with, says that the browser belongs to the user, not the designer. Therefore browser behavior should remain under the control of the user, and the choice of opening a new tab or window will be a conscious decision of the individual, not a decision by fiat of the designer.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you for that, Walter. I agree with you on your thoughts, but I don’t think many out there know about that option, me included until this moment…

But… can you (or anybody else, for that matter) enlighten me on my major question? I’ve looked on Google and the problem might have to be addressed from there, but to me as a novice it seems a little complicated. That’s why I hoped somebody here could explain something in an understandable way. I’m not a all into coding. That’s why I use Freeway.

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I hesitate to offer, as it took me literally weeks of time in the Google Maps API forum and I still don’t really know exactly how I did it.

But if you’d care to look at Roman Holiday Map, and its source code, and yours, I might be able to help cobble something together. That page was produced in FW3.5.15.

In the meantime, I’ll try to look at the --I assume-- Action that embedded your map. Never used it before. Perhaps the Action has some extensions we could use?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The Google map is interactive as you know and has to scale so you cannot add anything in the FW document that can interact with it.

What you could probably do is use the Upload to Panoramio feature and place your pics with that. Not sure if they would appear by default in your FW page though. And they would need to be mapped to the location.

Alternatively you use a static pic of the Google map and add your pics with their rollovers there. You could then also have an interactive version so that potential customers can scale it.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Or, use the Maps Action’s Marker function and see what happens.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Looks like only one Marker per Action-created Map?

Alternative: make a Google My Map, and use a simple text link to it. See http://bartwalter.com/info/bartwalterpublicart.html. Not slick, but pretty easy!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks to both of you, David and Bucky, for your comments. So it looks like I have to settle with a static google map.

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Not at all. What you’ll have to do to add the images you want is to:

  1. Make a Google My Map and add images to the bubbles that pop up when you click a marker, which is pretty easy;

  2. Go through the work of Javascripting your embedded map according to the Google Map APIs, as I did in my example linked above;

  3. Explore DeltaDave’s Panoramio option, about which I know nothing!

All depends on how much work you want to do.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

FYI Bucky, neither of the pages you link to work properly.

For those interested my page is now on its way to be finished and it looks quite ok. A lot of “hot spots” are still missing, but you’ll get the picture (so to speak). And the address is changed: http://www.my-santana.com/locations.html

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

http://bartwalter.com/info/bartwalterpublicart.html

http://lovebunnies.luckypro.biz/01_stuff/roman_holiday/romanholidaymap.html

I see the problem with my links. Please accept apologies. This forum interface has added the trailing comma and period to the urls, so that of course won’t parse in a browser.

That’s a nice implementation you’ve put together. Thanks for continuing the thread and showing results.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yeah, that’s a problem, because dots and commas are legal characters in a URL. The link recognizer looks for a string of letters beginning with a protocol like http:// and ending before a space or another URL-illegal character. When it finds one, it converts it into a clickable link. I try to remember to add a space after a link, even when it’s not correct punctuation.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Further to the google map: Does anybody know if Google endorses the practice of making a static picture of their map and fiddling with it (putting links on top of it, for example). I know, it is probably somewhere in the small text, but if someone here knows the answer, it is so much more convenient…

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 1 Sep 2010, 8:13 pm, Jon wrote:

Further to the google map: Does anybody know if Google endorses the practice of making a static picture of their map and fiddling with it (putting links on top of it, for example). I know, it is probably somewhere in the small text, but if someone here knows the answer, it is so much more convenient…

Jon

Absolutely no can do. Google “maps” are shown onscreen as tiles of, I think, PNGs. Or maybe some other format. Every tile is copyrighted.

If you look down in the righthand corner of a map, you see a link “Terms of Use.” Click it, or this link http://www.google.com/intl/en_us/help/terms_maps.html . See particularly Paragraph 2c.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

They don’t go out of their way to punish it, and I don’t know how they
would recognize such a thing if they did, barring some sort of
Mechanical Turk implementation. I have done so in the past, always
following these guidelines when I do (and IANAL!): 1. Make the image a
link to the actual Google map for that location, and 2. Maintain the
(c) Google mark in the image.

Walter

On Sep 1, 2010, at 4:13 PM, Jon wrote:

Further to the google map: Does anybody know if Google endorses the
practice of making a static picture of their map and fiddling with
it (putting links on top of it, for example). I know, it is probably
somewhere in the small text, but if someone here knows the answer,
it is so much more convenient…

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Sep 5, 2010, at 10:47 AM, Walter Lee Davis wrote:

They don’t go out of their way to punish it, and I don’t know how they would recognize such a thing if they did, barring some sort of Mechanical Turk implementation. I have done so in the past, always following these guidelines when I do (and IANAL!): 1. Make the image a link to the actual Google map for that location, and 2. Maintain the (c) Google mark in the image.

we needed a simplified map for a brochure…
so: grab’d a google street map, threw it into i-pages (i-work … ? ), drew thick black lines over the streets real fast, added a few tilted text boxes with street names, and then tossed the google map. this left us with a nice and simple, very fastly made map of no particular origin that could be pasted into a medical group brochure. no legal issues, no copywrite questions, and real real cheap.

thank you Walter for your continuous knowledge.

peter v.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you, guys, for sharing your thoughts. Very much appreciated.

Jon


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Both Walter’s and Peter’s uses are prohibited. Read the fine print at the link I posted, particularly Paragraphs 2a and 2b. (Peter’s use constitutes a “derivative work.” Map makers have been known to include small deliberate errors in maps to be able to provide proof that a copied work --which would theoretically contain the error-- was derivative.)

Now, whether or not anyone at Google would ever find out, I doubt. Unless some enemy ratted you out!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options