Круг на яндекс картах для сайта

Question

Яндекс выдаёт код для размещения карты на сайте в двух видах JS и iframe. Есть код в котором реализован круг на карте в JS:

<!DOCTYPE html>
<html>
   <head>
      <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=ВАШ_КЛЮЧ_АПИ" type="text/javascript"></script>
     
      <script>
         ymaps.ready(init);
         function init() {
         var myMap = new ymaps.Map("map", {center: [55.76, 37.64], zoom: 10});
         var myCircle = new ymaps.Circle([
           [55.76, 37.60],
           10000
         ]);
         myMap.geoObjects.add(myCircle);
         }
      </script>
      <style type="text/css">
         html, body, #map {
         width: 99%;
         height: 99%;
         }
      </style>
   </head>
   <body>
      <div id="map"></div>
   </body>

Но для моего сайта подходит только в iframe. Подскажите как сделать такой же круг в iframe.

Answer 1

Варианты решения:

Можно загрузить на свой или иной сторонний подходящий хостинг, позволяющий использовать JS как есть. А на основной странице сайта указывать для блока iframe ту страницу в качестве источника:

<iframe src="https://yandex.github.io/mapsapi-examples-old/html/mapbasics.html" width="100%" height="500" frameborder="0"></iframe>

Попробовать воспользоваться примерно таким способом: https://stackoverflow.com/a/15345082/17361885
Поискать плагины для вашего конструктора сайтов. Вопросы по поддержке и работоспособности в этом случае следует задавать авторам таких доработок.
Использовать Конструктор карт. Но в этом случае круг потребуется рисовать многоугольником вручную.

БЛОГ НА HUSL

Круг на яндекс картах для сайта

Ответы (1 шт):