Box inside google maps - html

I've been searching an answer to this and the best i could find was here at stackoverflow, where someone explains how to insert a box of information inside the Google Maps but actually i would like to have that box side-by-side with my location.
Here is an example, just click at one of the green dots in the map, it will show you what i would like to have:
http://www.leroymerlin.pt/Site/Lojas.aspx
How can i do this? It even zooms in automatically! Wow, Google maps API V3 seems to be pretty awesome. This is cool too: goo.gl/WDMYmz . Not related though..
Thank you very much for all the help provided.

What you see there is a custom overlay , a implementation of the OverlayView-class
There are libraries for a convenient creation of such overlays, e.g. infobox. The zoom may be set via the setZoom-method of the map.

Related

Georeferencing of image (like Google Floor Plans)

I have a building floor plan and I need to specify its position on top of google map.
I like the way this is done in Google Floor Plans app - screenshot(the right part with map) - but I cannot figure out how they made it! :)
What part in Google Maps API I should look at?
In short - I have an image (plan of floor), and need to show it on top of Google Map and be able to manipulate with it (changing dimensions on events).
I'm thinking you'll want to implement a custom overlay. That link provides the relevant instructions for doing so. Also, Google provides a simple example so you can see the result here. Is that sort of what you're going for?
#Cianan Sims: Well, sure, I want custom overlay, but how is the question :-)
Fortunately, Google published tool called Overlay Tiler, which does exactly what I wanted - georeferencing of the image.

Google Maps v3 custom map marker icon but with infowindow content from google

I've been wondering about this for some time:
Is it possible to let a custom marker for a place on a google map display an infowindow with the same information that the infowindows on maps.google.com display when clicking on a place, without having to generate the HTML for the content yourself (using the places library)? I hope you know what I mean. Please let me know if I'm being unclear.
It would be great if one could pull the information straight from google instead of having to do it manually. I mean, why do something that's already there, right? ;)
Thanks for sharing your thoughts!
edit: I've tried rephrasing my question to make it clearer. I've removed the example code because it was just adding to the confusion. Sorry, English isn't my first language ...
There is currently no API call from Google that will provide the default InfoWindow content for a Lat/Long location.
The only thing google currently provides is some Reverse Geocoding Infomation.

Showing Text on Google Maps

I was wondering if there is a way to embed some text on Google Maps. I searched the JS API and came up with some ideas, but I wasn't really satisfied with them.
The situation is that I draw some polygons on the map, and I want to show some numbers in that polygon. I implemented it with infoWindows now, but I want the numbers embedded into the map. It might have something to do with MVCObject or OverlayView, but I wasn't able to figure out how.
Mike Williams made a library that should solve your problem.
Check the Elabel extension for google maps.

Google Maps: Traffic on top of Custom Map

I want to add traffic information to my custom map. Currently I'm using a Tile Layer Overlay on my Google Map to display custom map tiles. When I try to add GTrafficOverlay to my map, my custom map tiles display above the traffic information. Is there any way to display the traffic above my GTileLayerOverlay?
(Using the JavaScript api)
You should be able to do this in V3. Take a look at this sample: http://code.google.com/apis/maps/documentation/v3/overlays.html#ImageMapTypes
I tried this out and wasn't able to find a solution to the problem. There is nothing in the GTrafficOverlayOptions and I couldn't find anything in the references about the z-order of this stuff. I have suspect that this isn't possible.
Would love to see an alternative answer showing that I am wrong.

Externalising Google Maps InfoWindow Content When Marker Is Selected

I'm wondering if anyone knows whether it is possible to take the content of a Google Maps InfoWindow and place it in an external DIV when the marker on the map is clicked?
I've had a good dig around both the API docs and Google to see if I can find any examples or information relating to this but have had no luck so far. However I've not had a lot of time since I got asked about this one so I have had to skim a bit so it could be that I've missed something but nothing seems to be jumping out at me.
Essentially I'd just like to know if this is indeed possible so that I don't waste anymore time researching something that is currently not possible with Google Maps. However if anyone has any code, examples, or ideas about how to go about doing this then that would be a very much appreciated!
Thanks,
Mark
It's definitely possible. Just add each marker to an array, along with whatever data you want to display. Add a listener to each marker which will access that data when the marker is clicked.
See these questions:
How do I link Google Maps Markers to other elements
How do I highlight markers on hover in Google Maps for a sortable table