У меня такая проблема, что я использую 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);
}
И вот что выводит
Но когда в консоле прописываешь ymaps.ready(init); то все выводится эта карта