@Tereverda

Не отображается Яндекс карта?

Не отображается сайта у клиентов, у меня отображается, но ошибки в консоли все равно выходят.

Ошибка здесь

Ошибка (Yandex Maps JS API): api is already enabled on this page with same namespace.

Что нужно исправить или как добавить немспейс, чтобы все не слетело?

ymaps.ready(init);

function init() {
  // Создаем карту.
  var myMap = new ymaps.Map("map", {
    center: [55.75, 37.61],
    zoom: 9
  }, {
    searchControlProvider: 'yandex#search'
  });

  // Добавляем гео маркер
  redIcon = new ymaps.GeoObjectCollection(null, {
      preset: 'islands#redIcon'
    }),
    redIcon.add(new ymaps.Placemark([55.687893, 37.990032]));
  myMap.geoObjects.add(redIcon);
  // blueCollection.events.add('click', function () { alert('Склад г.Люберцы, Мира д. 8А') }); // Через коллекции можно подписываться на события дочерних элементов.


  // Создаем круг 10 км.
  var myCircle_10 = new ymaps.Circle([
    // Координаты центра круга.
    [55.687893, 37.990032],
    // Радиус круга в метрах.
    10000
  ], {
    // Описываем свойства круга.
    // Содержимое балуна.
    balloonContent: "950 руб. — 10 км. от склада",
    // Содержимое хинта.
    hintContent: "Подвинь меня"
  }, {
    // Задаем опции круга.
    // Включаем возможность перетаскивания круга.
    draggable: false,
    // Цвет заливки.
    // Последний байт (77) определяет прозрачность.
    // Прозрачность заливки также можно задать используя опцию "fillOpacity".
    fillColor: "#ADFF2F40",
    // Цвет обводки.
    strokeColor: "#32CD32",
    // Прозрачность обводки.
    strokeOpacity: 0.8,
    // Ширина обводки в пикселях.
    strokeWidth: 5
  });

  // Создаем круг 20 км.
  var myCircle_20 = new ymaps.Circle([
    // Координаты центра круга.
    [55.687893, 37.990032],
    // Радиус круга в метрах.
    20000
  ], {
    // Описываем свойства круга.
    // Содержимое балуна.
    balloonContent: "1 200 руб. — 20 км. от склада",
    // Содержимое хинта.
    hintContent: "Подвинь меня"
  }, {
    // Задаем опции круга.
    // Включаем возможность перетаскивания круга.
    draggable: false,
    // Цвет заливки.
    // Последний байт (77) определяет прозрачность.
    // Прозрачность заливки также можно задать используя опцию "fillOpacity".
    fillColor: "#FFFACD40",
    // Цвет обводки.
    strokeColor: "#FFE4B5",
    // Прозрачность обводки.
    strokeOpacity: 0.8,
    // Ширина обводки в пикселях.
    strokeWidth: 5
  });

  // Создаем круг 30 км.
  var myCircle_30 = new ymaps.Circle([
    // Координаты центра круга.
    [55.687893, 37.990032],
    // Радиус круга в метрах.
    30000
  ], {
    // Описываем свойства круга.
    // Содержимое балуна.
    balloonContent: "1 900 руб. — 30 км. от склада",
    // Содержимое хинта.
    hintContent: "Подвинь меня"
  }, {
    // Задаем опции круга.
    // Включаем возможность перетаскивания круга.
    draggable: false,
    // Цвет заливки.
    // Последний байт (77) определяет прозрачность.
    // Прозрачность заливки также можно задать используя опцию "fillOpacity".
    fillColor: "#DB709340",
    // Цвет обводки.
    strokeColor: "#990066",
    // Прозрачность обводки.
    strokeOpacity: 0.8,
    // Ширина обводки в пикселях.
    strokeWidth: 5
  });

  // Создаем круг 40 км.
  var myCircle_40 = new ymaps.Circle([
    // Координаты центра круга.
    [55.687893, 37.990032],
    // Радиус круга в метрах.
    40000
  ], {
    // Описываем свойства круга.
    // Содержимое балуна.
    balloonContent: "2 750 руб. — 40 км. от склада",
    // Содержимое хинта.
    hintContent: "Подвинь меня"
  }, {
    // Задаем опции круга.
    // Включаем возможность перетаскивания круга.
    draggable: false,
    // Цвет заливки.
    // Последний байт (77) определяет прозрачность.
    // Прозрачность заливки также можно задать используя опцию "fillOpacity".
    fillColor: "#87CEEB40",
    // Цвет обводки.
    strokeColor: "#1E90FF",
    // Прозрачность обводки.
    strokeOpacity: 0.8,
    // Ширина обводки в пикселях.
    strokeWidth: 5
  });

  // Создаем круг 50 км.
  var myCircle_50 = new ymaps.Circle([
    // Координаты центра круга.
    [55.687893, 37.990032],
    // Радиус круга в метрах.
    50000
  ], {
    // Описываем свойства круга.
    // Содержимое балуна.
    balloonContent: "3 600 руб. — 50 км. от склада",
    // Содержимое хинта.
    hintContent: "Подвинь меня"
  }, {
    // Задаем опции круга.
    // Включаем возможность перетаскивания круга.
    draggable: false,
    // Цвет заливки.
    // Последний байт (77) определяет прозрачность.
    // Прозрачность заливки также можно задать используя опцию "fillOpacity".
    fillColor: "#D0877040",
    // Цвет обводки.
    strokeColor: "#834E56FF",
    // Прозрачность обводки.
    strokeOpacity: 0.8,
    // Ширина обводки в пикселях.
    strokeWidth: 5
  });

  // Создаем круг 50 км.
  var myCircle_70 = new ymaps.Circle([
    // Координаты центра круга.
    [55.687893, 37.990032],
    // Радиус круга в метрах.
    70000
  ], {
    // Описываем свойства круга.
    // Содержимое балуна.
    balloonContent: "6 000 руб. — 70 км. от склада",
    // Содержимое хинта.
    hintContent: "Подвинь меня"
  }, {
    // Задаем опции круга.
    // Включаем возможность перетаскивания круга.
    draggable: false,
    // Цвет заливки.
    // Последний байт (77) определяет прозрачность.
    // Прозрачность заливки также можно задать используя опцию "fillOpacity".
    fillColor: "#88c0d040",
    // Цвет обводки.
    strokeColor: "#5e81acFF",
    // Прозрачность обводки.
    strokeOpacity: 0.8,
    // Ширина обводки в пикселях.
    strokeWidth: 5
  });

  // Добавляем круги на карту.
  myMap.geoObjects.add(myCircle_70);
  myMap.geoObjects.add(myCircle_50);
  myMap.geoObjects.add(myCircle_40);
  myMap.geoObjects.add(myCircle_30);
  myMap.geoObjects.add(myCircle_20);
  myMap.geoObjects.add(myCircle_10);
}
  • Вопрос задан
  • 2441 просмотр
Пригласить эксперта
Ответы на вопрос 2
freeExec
@freeExec
Участник OpenStreetMap
У вас два раза загружается скрипт карт на сайте
Ответ написан
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
Скорее всего так:
// Создаем карту.
  var myMap = new ymaps.Map...

// Создаем еще одну карту.
  var myMap2 = new ymaps.Map...
Ответ написан
Ваш ответ на вопрос

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

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