Подключение яндекс карты

406

22 июля 2017, 09:17

Здравствуйте.

Я хочу подключить на страницу яндекс карту, но у меня не получается отобразить метку на адресе. Вроде, смотрю на сайте яндекса Объекты на карте, кодов ошибок не дает, но метка не появляется.

Подскажите, пожалуйста, в чем ошибка?

var korolev_map; 
var myPlacemark; 
 
ymaps.ready(function(){ 
    korolev_map = new ymaps.Map("korolev", { 
        center: [55.932374, 37.837965], 
        zoom: 16 
    }); 
     
    myPlacemark = new ymaps.Placemark([55.932374, 37.837965], {}, { 
        preset: 'twirl#redIcon' 
    }); 
 
    korolev_map.controls.add(new ymaps.control.ZoomControl()); 
});

ul { 
  width: 100%; 
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  list-style: none; 
  font-size: 0; 
  margin: 0; 
  padding: 0; 
} 
 
.contact-map { 
  width: 50%; 
  height: 300px; 
  outline: 1px solid red; //для наглядности 
}

<!DOCTYPE html> 
<html> 
 
<head lang="ru"> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1" /> 
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> 
  </script> 
</head> 
 
<body> 
  <section class="contacts"> 
    <ul> 
      <li id="korolev" class="contact-map"></li> 
      <li class="contact-map"></li> 
      <li class="contact-map"></li> 
    </ul> 
  </section> 
</body>

Answer 1

Вы забыли добавить ваши объекты в вашу карту, используя korolev_map.geoObjects.add:

var korolev_map, myPlacemark; 
 
ymaps.ready(function() { 
  korolev_map = new ymaps.Map("korolev", { 
    center: [55.932374, 37.837965], 
    zoom: 16 
  }); 
 
  myPlacemark = new ymaps.Placemark([55.932374, 37.837965], {}, { 
    preset: 'twirl#redIcon' 
  }); 
 
  korolev_map.geoObjects.add(myPlacemark); 
  korolev_map.controls.add(new ymaps.control.ZoomControl()); 
  korolev_map.behaviors.disable('scrollZoom');  
});

ul { 
  width: 100%; 
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  list-style: none; 
  font-size: 0; 
  margin: 0; 
  padding: 0; 
} 
 
.contact-map { 
  width: 50%; 
  height: 300px; 
  outline: 1px solid red; //для наглядности 
}

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> 
<section class="contacts"> 
  <ul> 
    <li id="korolev" class="contact-map"></li> 
    <li class="contact-map"></li> 
    <li class="contact-map"></li> 
  </ul> 
</section>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

gulp. ошибка при компиляции sass

Доброго времени суток, форумчане

312

javascript

Для чего нужны классы в JavaScript?

Читал статьи по созданию классов в JavaScript и задался вопрос: Зачем они? Для чего в ЕСМА Script 6 добавили классы? Может я не вижу того смысла и тех...

333

javascript

Как в angular 2 обновить Html

В общем, есть компонентВнутри конструктора пишу setinterval, там суммирую параметр компонента

356

javascript

как добавить autoprefixer?

Подскажите, как добавить в vue-cli ( webpack-simple ) autoprefixer?

241