2017-02-07 2 views
0

[Edit, нашел проблему ...]
(я знаю, почему IE8 и JQuery 1.12.4 ... Я должен поддержать его на некоторое время все же)
I хотите отобразить карту США шириной 400 пикселей с несколькими точками на ней. Используя последние примеры Mapael (2.0.0), я изменил приведенный ниже код из папки samples. В FF, Chrome и IE 9+ он работает хорошо. В IE8, который мне нужно поддерживать, карта является нормальным размером и обрезана. Кажется, что автоматическое изменение размера не работает. Вы можете проверить это, используя приведенный ниже код и установить эмуляцию в IE8.Mapael размер/размер проблема в IE8


Я что-то упустил?

Код ...

<!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

Мне ничего не хватало. Мне нужно использовать 2.1.2 Рафаэля. NM. Я посмотрю, смогу ли я это закрыть. – behaines

ответ

0

Этот вопрос я использовал новую библиотеку Рафаэль JS. Мне нужно было использовать более старую.

Не работает с IE8: SRC = "https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js"

Правильный один для IE8: src = "https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"