2017-02-07 6 views
0

[Bearbeiten, um das Problem gefunden ...]
(ich weiß, warum IE8 und jquery 1.12.4 ... Ich habe es für eine Weile unterstützen noch)
I Ich möchte eine US-Karte mit 400 Pixel Breite und einigen Punkten darauf anzeigen. Unter Verwendung der neuesten Mapael (2.0.0) -Beispiele habe ich den folgenden Code aus dem Beispielordner modifiziert. In FF, Chrome und IE 9+ funktioniert es gut. In IE8, die ich unterstützen muss, ist die Karte normal groß und abgeschnitten. Es scheint, als ob die automatische Größenänderung nicht funktioniert. Sie können dies testen, indem Sie den folgenden Code verwenden und die Emulation auf IE8 festlegen.Mapael Größe/Größe ändern Ausgabe in IE8


Fehle ich etwas?

-Code ...

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.min.js" charset="utf-8"></script> 
     <!-- Doesn't work with IE8 --> 
     //src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js" 
     <!-- Doesn't work with IE8 --> 

     <!-- The correct one for IE8 --> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js" charset="utf-8"></script> 
     <!-- The correct one for IE8 --> 

     <script src="https://rawgit.com/neveldo/jQuery-Mapael/2.0.0/js/jquery.mapael.min.js" charset="utf-8"></script> 
     <script src="https://rawgit.com/neveldo/jQuery-Mapael/2.0.0/js/maps/usa_states.js" charset="utf-8"></script> 

     <script type="text/javascript"> 
      $(function() { 
       $(".mapcontainer").mapael({ 
        map: {name: "usa_states"}, 
        plots: { 
         'ny': { 
          latitude: 42.9538, 
          longitude: -75.5268, 
          tooltip: {content: "New York"}, 
          value: [50] 
         } 
        } 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
    <div class="container" style="width:400px;"> 
     <div class="mapcontainer"> 
      <div class="map"> 
      </div> 
     </div> 
    </div> 
    </body> 
    </html> 
+0

Ich habe etwas gefehlt. Ich brauche die 2.1.2 von Raphael. NM. Ich werde sehen, ob ich das schließen kann. – behaines

Antwort

0

Die Frage war ich die neue Raphael JS-Bibliothek wurde mit. Ich musste einen älteren benutzen.

funktioniert nicht mit IE8 arbeiten: src = "https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js"

Die richtige für IE8: src = "https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"