Google maps not working in Firefox (gray box)

Question

I have a plugin I'm working on that uses the Google Maps API v3. Works like a charm, except in Firefox!

I present to you the following URL: [REDACTED BECAUSE SOLVED]. You'll notice that if you're using firefox there is a gray box with google maps stuff available. If you use Chrome, you'll see a nice map with google maps stuff.

So that's my problem, and I'm really hoping someone here can point me to the solution.

This is the code I'm using to create the map:

function initialize() {
    var myLat = document.getElementById('latitude').innerText;
    var myLng = document.getElementById('longitude').innerText;
    var myLocation = new google.maps.LatLng(myLat, myLng);

    var mapOptions = {
        center: myLocation,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"),mapOptions);

    var markerOptions = {
        position: myLocation
    };
    var marker = new google.maps.Marker(markerOptions);
    marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);

score 0 · Accepted Answer · edited May 23 '17 at 12:15

0

innerText is not supported in Firefox.

references:

edited May 23 '17 at 12:15

Community

1
1

answered Jun 13 '15 at 15:39

geocodezip

158,664
13
220
245

I had no idea! Thanks so much! – Malou Jun 13 '15 at 15:44
you see the working example at http://jamaica-elections.com/general/2016/maps/electionmapapplicationslim/index.php- – lostForAWHile Feb 23 '16 at 20:01

Google maps not working in Firefox (gray box)

1 Answers1