infowindow

问题 I'm playing around with the google InfoWindow. And almost everything is perfect. I'm Just missing something on the windows. I always have a right and bottom white space. I don't mind that much for the bottom one but I'd like to get rid of the right one. Any idea how to do that ? EDIT, here is the code: <div class="gm-style-iw" style="position: absolute; left: 12px; top: 9px; overflow: auto; width: 352px; height: 290px;"> <div class="" style="overflow: auto;"> <div class="infoBox"> <div style=

问题 Wonder if anyone can help me, I have setup a google map all works nicely. The only thing I cant work out how to do is to open an info window based on ID from an external html link that's not in the JS. function initialize() { // Create the map // No need to specify zoom and center as we fit the map further down. var map = new google.maps.Map(document.getElementById("map"), { mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true }); infowindow = new google.maps.InfoWindow(); //

问题 I'm trying to Spiderfy my markers and adding listeners to them. The Spidefying works fine that means I get the overlapping markers spiderfied but the problem is that I can't seem to figure how to add listeners to these markers. In other words I have tried the following: Putting the oms.addListener() in a loop. This way, upon clicking on a marker would open all infoWindow s on the same marker which isn't delightful. Putting the oms.addListener() outside the loop like the example on the OMS Git

问题 I have a fully-functioning Google Maps V3 map that works fine the way it is. However, I dislike InfoWindows because they take up too much map space when displaying the info. My solution around that is to place information in a sidebar to the right of the map. The information inside the InfoWindow would be transferred to a in that sidebar using an event to first clear existing data and then repopulate it with the current data. I'm not sure how to take data from inside the map and bring it

问题 If a marker is clicked near the top of the map viewport, the infowindow loads outside the viewable area and the map must be dragged to see infowindow content. Ideally I don't want the map to auto pan. Is there a way to load the infowindow in a different direction, e.g. if the marker is at the top of the viewport to display the infowindow in a downward direction. 回答1: There is an example that used to be part of the Google Maps JavaScript API v3 Code Samples, that has moved over to GitHub,

问题 I don't know how it's called, so here are the screens. Any map, embedded with API, has these small markers with restaurants, hotels and other locals: When user clicks on some, there's beauty infoWindow with description, phone, link and rating: So what is this and how to work with this? I want to update these infoWindows with my own controls. 回答1: I've found the answer that solves this task completely. Here it is: Can I remove just the popup bubbles of POI's in Google Maps API v3?. It's about

问题 I am trying to add an InfoWindow to directions route. there are lots of examples out there for adding InfoWindow on an event listener on a marker. But how can I move the InfoWindow to show on the actual planned route from one marker to another. Someone already tried to ask this question before but no response (InfoWindow on Directions Route). Anyway I did a lot of googling and only found one question similar to this but than again there is no response to that. I tried infowindow.open(map,this

问题 I am trying to make it possible to change the content that shows up inside a DIV that is the content of an infowindow. I have been able to change the content from Hello to YO inside the infowindow. The problem is when I close the infowindow and reopen it the updated content reverts back to the original. Below is my code: google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) { if (event.type == google.maps.drawing.OverlayType.MARKER) { //event.overlay.setTitle("Hello

问题 I tried to add multiple markers and infowindow to a google map using javascript. Below is the code: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Google Maps Multiple Markers</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> </head> <body> <div id="map" style="width: 500px; height: 400px;"><

问题 I have created a KML map and uploaded to Fusion Tables where I am trying to customise the info box through their HTML code box. The info box contains a simple table with text and figures. Here is the code: <div class="googft-info-window" style="background-color:red" {description} </div> The info-window background will change colour to red, but the table does not (which is the {description} in the code above. Is there a way to style the table? I essentially want to change the color of the