Это действительно несложно.
Как установить на сайт панораму Яндекса
Начнем с получения бесплатного ключа, инструкции (во всплывающем окне выберите сервис «JavaScript API и HTTP Геокодер») и ссылка
здесь
. Думаю, 25000 запросов в сутки вам для начала хватит? - если нет, придется покупать у Яндекса коммерческую версию.
Теперь размещаем на сайте показанный далее код, предварительно отредактировав координаты панорамы и параметр
direction, также не забыв ввести свой
apikey вместо звездочек...
вуаля
, все работает.
Code:
<style>
.player {
width: 100%;
height: 400px;
margin: 0;
padding: 0;
}
</style>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=**********************"></script>
<div id="player" class="player"></div>
<script language="javascript" type="text/javascript">
ymaps.ready(function () {
if (!ymaps.panorama.isSupported()) {
return;
}
ymaps.panorama.locate([55.763321, 37.596983]).done(
function (panoramas) {
if (panoramas.length > 0) {
var player = new ymaps.panorama.Player(
'player',
panoramas[0],
{ direction: [107, 16] }
);
}
},
function (error) {
alert(error.message);
}
);
});
</script>
