In some websites (example: http://www.dubizzle.com/) I have seen an excellent Google Map feature which allows the user to select a neighborhood/region from a dropdown and the Google map shown just below the drop downwill zoom to that area and highlighted the region using a polygon.. Can anyone please tell me how to achieve this functionality.. The screen shot of this is given below
Thanks
Anz
They are likely using a polyline overlay (example), or a KML layer (example).
Could you provide a link to the page that you grabbed the screenshot from?
Related
Is it possible to just show a certain part of the map when using google maps API, I'm attempting to only show an google map image of a shopping mall, and do not want any of the other information on there. Is this possible??
Thanks in advance
By using the Style rule of style=visibility:simplified You can remove the label text from places, but they'll keep their label icons. A similar question was answered here: Google Maps v3 - limit viewable area and zoom level
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.
I have to implement a map on a website, with google map.
For the moment, I've put a marker, with a window that opens and displays custom html.
Like here:
http://www.montreuxjazzcafe.com/fr/cafe/geneva?page=contact (click on the pink link on the right, under "Carte")
But my client asks if it is possible to have, in the window, the informations relative to the place which is registered in Google's DB, exactly like here:
http://maps.google.ch/maps?q=Montreux+Jazz+Caf%C3%A9+Geneva&hl=en&ie=UTF8&georestrict=input_srcid:9e080c8d2d0b5303&view=map&cid=8032887087538302764&hq=Montreux+Jazz+Caf%C3%A9+Geneva&t=m&z=17&iwloc=A<
So my question is: is it possible to add a Google Place on a custom google map, on this website? If yes, how do I implement it and where do I get the ID of the place?
Thank you in advance for your help!
David
Google has an API for places. Check this out... https://developers.google.com/maps/documentation/javascript/places
Place details, specifically...
https://developers.google.com/maps/documentation/javascript/places#place_details
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.
hi i wanted to display a us state on google map with borders drawn,
when the user opens up a page i wanted to show in the center that state...with borders drawn.
additionally i wanted to put a button on that page so that user clicks it and draws a rectangle on the state, the system will just have to popup the latitude and longitude of the selected area, and area ...
can you anyone guide me through the steps? or is there any good reference that i could follow. thanks in advance!
as an example of what i mean
http://opentopo.sdsc.edu/gridsphere/gridsphere?gs_action=lidarNSAF&cid=geonlidarframeportlet
I would start in the Google AJAX APIs playground, here: http://code.google.com/apis/ajax/playground/#map_simple
There are tons of samples here and by playing with them you should get an idea of how to do what you want and/or come up with some more specific questions.