I am wondering if it is possible to customize the default InfoWindow that pops up when the user clicks on various businesses that Google displays on its default map (see screenie). I would like to add functionality to let people "pin" these locations if they have stumbled on them while just browsing the map.
It is not currently possible to listen to any click event on the POI icons so overriding/modifying the info window is not possible.
File a feature request asking for it.
i don't know customizing the functionality of infowindow, but by using google infobox we can customize the look, from that you can try the functionality. because infobox uses pure html code.
http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.9/src/infobox.js
Related
Started to work with Google Maps JavaScript API v3, but in all my maps this info window is missing. Researching "Infowindow" just offers information about tag windows that open if you click on the map badge I can set.
Anybody knows how to activate this "context window" which is activated in the Google Maps iframe example? See the picture below…
The Answer to your questions is NO, there is no way to activate a context window in the API other than the info windows.
May I suggest to use a div element and with simple CSS you can position your div in front of your map or anywhere you want, and with the Google Maps API you fill this div with any info you want.
I did not find any info about that context window in the docs neither, but inspecting Google Maps I see that all of that is pure HTML.
Happy coding :)
I was wondering if you could put a custom StreetView with a marker. I am making a map that has city parks. I want it so if someone clicks on a specific marker, the custom StreetView pops up and shows the panorama. For the custom StreetViews I used Google Views. Is this possible?
Thanks in advance.
Yes, this is possible. Something close to it can be done in two ways.
The easiest option is to load Google maps from the main URL and wait. It will let you build a map or view your custom maps just below the search bar. Google Maps itself lets you create a custom map with markers. This doesn't sound like your desired option, but it is quick to implement. You can even add your own style.
The second is to create your own custom Street View tour, this sounds like your focus. You want the actual panographs to use your markers. This is fairly easy to do, but requires some programming. It is possible on both Google Earth and Google Maps. Check out the Google APIs such as https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanoramaOptions. Options include changing out panographs for your own images, defining arrows including labels, overlays, pop-up boxes, action boxes, and more. Check out some options here: http://hpneo.github.io/gmaps/examples.html
I'm using InfoBox for Google Map API v3 with a little customisation to use it with Kml PlaceMarker.
The problem is: When in my KML file I add Extended Data, a infoWindow is displayed with the infoBox. Without this Extended Data, google map doesn't display this infoWindow and it's fine, only the infoBox is displayed.
The question is: How can I force google maps to never display any infoWindow?
I can't tell if you're talking about using KmlLayer because ou didn't post a link, but if you are: use the suppressInfoWindow option.
See the docs for more information.
Hey I'm new with google map api. Please let me know if I can make an app which shows current location and direction at the same time.
You can use jQuery mobile with Google maps v3 plugin.
Google maps v3 plugin for jQuery, jQuery UI and jQuery Mobile takes away some of the head aches from working with the Google Map API. Instead of having to use Google event listeners for simple events like click, you can use jQuery click events on the map and markers.
[Exmaples]
Basic map example
Basic map example with geolocation
How to make standart balloons like new restiled google maps ballons?
See pictures:
New styled balloons:
old styled balloons (i have):
Where i can get css?
Google Maps often put new functionality in their own maps before making them public in their API.
I believe this is a custom info window and there are images involved.
So you can't just put some CSS to style the old balloon into the one you're seeing on Google Maps.
What you have to do is if you want the new styled balloon, you have to create one yourself with the Maps API.
This is called a Custom Info Window
This is pretty intensive if you never did some Maps API development.
If the "new style" balloon becomes popular, they will push the update through a new version of the API so it can be available to everyone. They did this with the zoom control, etc.
I'm a certified Maps API developer so I'm pretty sure of my answer!
Thank you