Link thing on the top-right of any maps.google.com map.- The maps themselves easier than you think to put together.
- You can add your own markers to the maps, but they have cool ones too.
- Use the Google-supplied ones if you can, because sometimes custom buttons can screw with the information overlay bubbles' appearance in the map, in Webkit browsers like Safari and Chrome. You know the bubbles I'm talking about right? The ones that come up when you click on a marker, on the map.
- Internet Explorer and Firefox don't seem to have this problem.
- In the last year, Safari and Chrome are the small but growing markets.
- The customized, embeddable maps don't catch the scroll wheel on your mouse as a zoom-in-out thing, so it doesn't interfere with scroll button scrolling, like the API version of Google Maps on the Fido site does.
- Seems like you can just replace both the height and width in the tags with 100%, and it fits inside whatever container you throw it in. Or you can restyle it with CSS using the ID in the tag. It's pretty easy to mess with.
So now I'm experimenting with:
- Fixing the custom marker / rounded corners on overlay display bug I've encountered. T
- Coming up with a better name for the bug. Both so I can search about it and write about it. All I get is rounded corners in CSS tutorials. Whatever, I can do that with the rounded corner thing. I don't need .gifs for that anymore.
- Removing some of the map options with some display: none; CSS. I just need to find the selector, or make one. But I can't seem to get a consistent response from it in Webkit's own DOM inspector... I think because the map is protected by Javascript, which I don't understand well enough.
Any help would help. A javascript buddy would also help. I keep getting projects that need Javascript and they have the money for it... but not the money for my terrible, CSS/Usability guy trying to do scripting effort.
