Карта jVector отображается на веб-сайте, но код не отображается в HTML - PullRequest
Новая
       36

Карта jVector отображается на веб-сайте, но код не отображается в HTML

2 голосов
/ 23 мая 2019

Я изучаю веб-разработку, и как часть проекта, который я делаю, мне нужно добавить карту SVG. Мне удалось добавить карту jVector Новой Зеландии, но я не могу изменить ее каким-либо образом, поскольку контейнер для карты не отображается в HTML, он отображается только в инструментах разработчика, когда я наводю указатель мыши на карту. Я не уверен, где я иду не так.

Я пытался найти ответ в Интернете, но нигде не нашел такой же проблемы, и никто на моем курсе, похоже, тоже не знает. Я следил за видео на вашей трубе, но делал это немного по-другому, потому что в видео они помещают все на HTML-страницу, включая любой JS или JQuery, и в моем курсе они сказали, что они должны храниться в отдельном файле, так что мне интересно, вызывает ли это эта проблема. Однако я попытался вставить его прямо в HTML, но получил тот же результат.

Показывает информацию об API, отображаемую в Dev Tools Показывает файлы и папки 

<!--JVECTOR SCRIPT TOP OF PAGE-->
    <link rel="stylesheet" href="assets/jsvector/jquery-jvectormap-2.0.3.css" type="text/css" media="all"/>
    <script src="assets/jsvector/jquery.js"></script>
    <script src="assets/jsvector/jquery-jvectormap-2.0.3.min.js"></script>
    <script src="assets/jsvector/jquery-jvectormap-nz-mill.js"></script>

<!--START OF JVECTOR MAP DIV EMPTY-->
               <div id="map">
                </div> 

            <!--END OF JVECTOR MAP-->

//SCRIPT KEPT IN SPEARATE FILE FROM HTML BUT REFERENCING #MAP IN HTML
$(function(){
      $('#map').vectorMap({map: 'nz_mill'});
    });

Я ожидал увидеть всю информацию о карте из API-интерфейса под тегом #map в HTML, как это было с демонстрационными видео, которые я смотрел. Он, очевидно, подключен, но у меня нет возможности что-либо отрегулировать.

...