Пожалуйста помогите с кодом

Question

пожалуйста помогите с кодом, не работает карта, вот код ВОТ СКРИНШОТЫ С ОШИБКОЙ

<?
include('../connect/connect.php');
include('../lib/lib.php');

$site_1=$_SERVER['HTTP_REFERER'];
$site_2=doman_name($site_1);
$sites_1=$_SERVER['HTTP_HOST'];
$sites_2=doman_name($sites_1);
if($site_2[1] != $sites_2[1])
exit();

?>
<html>
<head>
<title>Инструмент для определения координат - API Яндекс.Карт 2.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../style/style.css" />
 
    <style>
      html, body, #YMapsID {
        margin: 0;
        padding: 0;
        height: 100%;
      }
 
      #coord_form{
        position: absolute;
        z-index: 1000;
        background: none repeat scroll 0% 0% rgb(255, 255, 255);
        list-style: none outside none;
        border: solid 1px #999999; 

        padding: 10px;
        margin: 0px;
        right: 5px;
        top: 180px;
      }
      
      .input-medium {
      width:120px;
      margin-top: 5px;
      margin-bottom: 5px;
      }
      
      .sp {
      color:#990000;
      }

    </style>
 
    <script type="text/javascript">
    var myMap, myPlacemark, adr, coords;
    var index;
    
    <?
    if($_GET['adr'])
    echo "\n adr='".urldecode($_GET['adr'])."';";
    else
    echo "\n adr='Moscow';";
    ?>


// Как только будет загружен API и готов DOM, выполняем инициализацию
        ymaps.ready(init);

        function init () {
            // Поиск координат центра 
            ymaps.geocode(adr, { results: 1 }).then(function (res) {
                // Выбираем первый результат геокодирования
                var firstGeoObject = res.geoObjects.get(0);

                // Создаём карту.
                // Устанавливаем центр и коэффициент масштабирования.
                window.myMap = new ymaps.Map("YMapsID", {
                    center: firstGeoObject.geometry.getCoordinates(),
                    zoom: 13
                });


            var SearchControl = new ymaps.control.SearchControl({noPlacemark:true});    
            //Добавляем элементы управления 
            myMap.controls
                .add(SearchControl)                
            // Кнопка изменения масштаба
            .add('zoomControl')
            // Список типов карты
            .add('typeSelector');
            
            coords=firstGeoObject.geometry.getCoordinates();
            document.getElementById("spot-lat").value = coords[0].toFixed(4);   
            document.getElementById("spot-longi").value = coords[1].toFixed(4); 

            
            myPlacemark = new ymaps.Placemark(coords,{}, {preset: "twirl#redIcon", draggable: true});   
            myMap.geoObjects.add(myPlacemark);          

            //Отслеживаем событие перемещения метки
            myPlacemark.events.add("dragend", function (e) {            
                coords = this.geometry.getCoordinates();
                savecoordinats();
            }, myPlacemark);


            //Отслеживаем событие выбора результата поиска
            SearchControl.events.add("resultselect", function (e) {
                index=SearchControl.getSelectedIndex();
                coords = SearchControl.getResultsArray()[index].geometry.getCoordinates();
                savecoordinats();
                //control.SearchControl.close();
            });
 
 
            }, function (err) {
                // Если геокодирование не удалось,
                // сообщаем об ошибке
                alert(err.message);
            })
            
            
     }
        
        
    function savecoordinats (){ 
        var new_coords = [coords[0].toFixed(4), coords[1].toFixed(4)];  
        myPlacemark.getOverlay().getData().geometry.setCoordinates(new_coords);
        
        var center = myMap.getCenter();
        var new_center = [center[0].toFixed(4), center[1].toFixed(4)];  
        
        var new_center_x = [coords[0].toFixed(4)];  
        var new_center_y = [coords[1].toFixed(4)];  
        document.getElementById("spot-lat").value = new_center_x;   
        document.getElementById("spot-longi").value = new_center_y; 
    }
 
    function save_address() {
        var x = document.getElementById('spot-lat').value; 
        var y = document.getElementById('spot-longi').value; 
        window.opener.document.getElementById('map_x').value = x; 
        window.opener.document.getElementById('map_y').value = y; 
        self.close ();
    }


 
    </script>
 
</head>
 
<body>
 
<div id="YMapsID" style="width:620px; height:520px; border:1px solid #000000"></div>
<div id="coord_form">
        <form name="form2" action="#" onsubmit="save_address(); return false">
            Широта <br />
            <input readonly="1" class="input-medium"  name="lat" id="spot-lat" value="<?=$x?>" /><br />
            
            Долгота <br />
            <input readonly="1" class="input-medium"  name="longi" id="spot-longi" value="<?=$y?>" /><br />
            
            <span class=sp>
            После перемещения<br />маркера не забудьте<br />сохранить изменения
            </span>
            <br />
            <input class="submit" type="submit" name="submit2" value="Сохранить" />
        </form>
</div>
 
</body>
</html>

Answer 1

В настоящее время для работы геокодера и маршрутизатора в API Яндекс.Карт требуется обязательное указание api-ключа при инициализации сервиса, полученного в кабинете разработчика. В вашем вызове ключ отсутствует.

<script src="https://api-maps.yandex.ru/2.0-stable/?apikey=ваш API-ключ&?apikey=ваш API-ключ&load=package.standard&lang=ru-RU" type="text/javascript"> </script>

Кроме того вы используете устаревшую версию API - 2.0, лучше внедрять актуальные решения. Для API Яндекс.Карт это версия 2.1 (2.1.77 на текущий момент). Инструкция по переходу также есть в документации Яндекс.

БЛОГ НА HUSL

Пожалуйста помогите с кодом

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