How do I make an infowindow automatically display as open with Google-Maps-for-Rails

Question

I want to display a map with the infowindow box automatically displayed for the single marker on the page, much like http://code.google.com/apis/maps/documentation/javascript/examples/map-coordinates.html

I've tried to code a callback function to accomplish this, but it's just not working for me.

<% content_for :scripts do %>
  <script type="text/javascript" charset="utf-8">
    Gmaps.map.callback = function() {
      if (Gmaps.map.markers.length == 1) {
        var marker = Gmaps.map.markers[0];
        var infowindow = marker.infowindow;
        infowindow.open(Gmaps.map, marker);
      }
    }
  </script>
<% end %>

score 2 · Accepted Answer · answered Oct 15 '11 at 09:28

2

Your code is almost perfect. Except that instead of:

 infowindow.open(Gmaps.map, marker);

You should have:

 infowindow.open(Gmaps.map.map, marker);

Indeed, Gmaps.map is a container, Gmap.map.map is the google object.

I know these names are confusing. Sorry.

PS: be sure to put this code under the gmaps call in your view.

answered Oct 15 '11 at 09:28

apneadiving

114,565
26
219
213

Thank you. Another correction, marker.infowindow should be marker.infoWindow. 'W' capital. Might be in 2011 it was infowindow, now in 2016 it has been changed to infoWindow. – Dinesh Patra Apr 09 '16 at 19:37

score 1 · Answer 2 · answered Oct 23 '13 at 17:51

The callback function that worked for me:

Gmaps.map.callback = function() {
      function openInfoWindow(){
        var m, marker;
        marker = Gmaps.map.markers[2];
        m = marker.serviceObject;
        marker.infowindow.open(Gmaps.map.map, m);
      }
      openInfoWindow();
}

score 1 · Answer 3 · answered Nov 04 '11 at 16:32

I am trying to accomplish the same thing, except to just open the first marker out of a list of markers. So the code is almost the same. I've done what you suggested but it's not showing the info window.

<%= gmaps4rails(@json) %>

<% content_for :scripts do %>
  <script type="text/javascript" charset="utf-8">
    Gmaps.map.callback = function() {
        var marker = Gmaps.map.markers[0];
        var infowindow = marker.infowindow;
        infowindow.open(Gmaps.map.map, marker);
    }
  </script>
<% end %>

The map display find but the info window doesn't pop up upon initialisation as expected! Any ideas?

Will

try to change `infowindow.open(Gmaps.map.map, marker);` to `infowindow.open(Gmaps.map.map, marker.serviceObject);` — zolter, Apr 12 '13 at 06:44

score 0 · Answer 4 · edited May 23 '17 at 10:28

0

You are mixing Javascript and Ruby together. Take a look at your javascript debugger (you are using one right? If not, the web inspector in Chrome or safari is great, as is Firebug for Firefox) and you'll see it complaining.

Without seeing your controller code I can't give you too many specifics, but take a look at this post and it might point you in the right direction.

edited May 23 '17 at 10:28

Community

1
1

answered Oct 15 '11 at 00:12

sosborn

14,676
2
42
46

How do I make an infowindow automatically display as open with Google-Maps-for-Rails

4 Answers4

Linked