Почему в примере jvectormap отображается пустая страница?

http://jvectormap.com/tutorials/getting-started/

Следующий код был скопирован из примера, полученного с вышеуказанной веб-страницы, за исключением того, что мне пришлось изменить jquery-jvectormap.css и jquery-jvectormap.js, поскольку имена загруженных файлов не соответствовали коду примера. Кнопка загрузки карты не загружала файл, а отображала данные, которые я скопировал и вставил в файл, названный мной jquery-jvectormap-world-mill-en.js. Все файлы находятся в том же каталоге, что и демонстрационный файл.

<!DOCTYPE html>
<html>
<head>
    <title>jVectorMap demo</title>
    <link rel="stylesheet" href="jquery-jvectormap.css" type="text/css" media="screen"/>
    <script src="jquery.js"></script>
    <script src="jquery-jvectormap.js"></script>
    <script src="jquery-jvectormap-world-mill-en.js"></script>
</head>
<body>
    <div id="world-map" style="width: 600px; height: 400px"></div>
    <script>
        $(function(){
            $('#world-map').vectorMap();
        });
    </script>
</body>
</html>

Результатом при отображении в браузере является полностью белая веб-страница. Я новичок в веб-программировании, но мне кажется, что $('#world-map').vectorMap(); должен предоставить некоторую информацию, чтобы сказать, какую карту использовать. Пожалуйста помоги.

Некоторые примеры блестящие, они объясняют, что делает код и где должны находиться ресурсы. Другие ожидают, что вы интуитивно поймете, как все это работает, но когда вы учитесь, вы этого не знаете. «Бесплатное» программное обеспечение не всегда бесплатно, иногда оно требует затрат, времени и стресса, я бы скорее заплатил деньги.


jquery jvectormap
person Jie Hart    schedule 07.09.2013    source источник

Ответы (3)


arrow_upward
0
arrow_downward

У меня была та же проблема, что и у вас, Джи. Я обнаружил, что, как упомянул Пол, мне нужно сделать путь относительным, однако в дополнение к этому решению мне также пришлось изменить файл карты jquery, который я использовал, и, таким образом, заменить «jquery» на $ просто следующим образом:

‹----! Исходный файл: ->

jquery.fn.vectorMap('добавитькарту'..)

‹----! Модифицированный файл: ->

$.fn.vectorMap('добавитькарту'...)

Не стесняйтесь обращаться к следующему сообщению на форуме: https://forum.jquery.com/topic/trying-to-get-jvectormap-working

person Tj895    schedule 17.07.2016

arrow_upward
1
arrow_downward

извините, что взвешиваю с опозданием, но проблема, скорее всего, в том, что линия

<script src="jquery.js"></script>

не работает (если вы посмотрите сообщение об отладке в своем веб-браузере, вы обнаружите строку ReferenceError jquery не определена — например, в Firefox из контекстного меню: Inspect Element -> Console, а затем перезагрузите страница).

Я не уверен, какую систему вы используете, но в Linux jquery.js часто находится в /usr/share/javascript/jquery/jquery.js.

Итак, замените строку

<script src="jquery.js"></script>

с

<script src="/usr/share/javascript/jquery/jquery.js"></script>

В качестве альтернативы, если у вас есть веб-сервер, убедитесь, что он знает, где находится jquery.js.

person Paul Anderson    schedule 16.03.2014

arrow_upward
0
arrow_downward

Это работает, вот доказательство.

Скорее всего, вы неправильно указываете на файлы в папке html.

И вам не нужно указывать на карту, значение по умолчанию для «карты» — «world_mill_en»:

jvm.WorldMap.defaultParams = {
    map: "world_mill_en",

Это отрывок из jquery-jvectormap-1.2.2.min.js, который делает $('#world-map').vectorMap() идеальным.

person itmitica    schedule 01.10.2013
comment
извините, ваша ссылка jsfiddle не работает - person jcuenod; 24.12.2015