@rusline

Как можно посмотреть в чем проблема при выводе yandex map?

У меня такая проблема, что я использую node js и при выводе не отображается карта, но допустим вот такой пример то он примерно работает https://jsfiddle.net/rusline/Lhwmdmqg/
Но вот на локальном хостинге, не понятно в чем проблема, как бы в браузере указывается ошибка, но вот не отображается какая именная ошибка не отображает.
Как я реализовал на ноде, то я сгенерировал приложение
views/layout.pug
doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    script(src='/javascripts/yandex.js', type='text/javascript')
    script(src='https://api-maps.yandex.ru/2.1/?lang=ru_RU', type='text/javascript')
  body
    block content

В views/index.pug
extends layout
block content
  h1= title
  p Welcome to #{title}
  input(type="text")
  div#map(style="width: 600px; height: 400px")

public/javascripts/yandex.js
ymaps.ready(init);
let myMap,
    myPlacemark;

function init(){
    myMap = new ymaps.Map("map", {
        center: [55.76, 37.64],
        zoom: 7
    });

    myPlacemark = new ymaps.Placemark([55.76, 37.64], {
        hintContent: 'Москва!',
        balloonContent: 'Столица России'
    });

    myMap.geoObjects.add(myPlacemark);
}

И вот что выводит 59e32f3f3e583114439702.png
Но когда в консоле прописываешь ymaps.ready(init); то все выводится эта карта
59e32fa5e041c049587608.png
  • Вопрос задан
  • 250 просмотров
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
Ну вот же у вас какая-то ошибка в консоли. 146%, что там написано ymaps.ready is not a function
Поменяйте для начала местами подключение скриптов - ваш должен грузиться после скрипта карт (или должен быть обёрнут в DOMContentLoaded).
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы