Пример встраивания приложения

 Печать Предыдущая страница Стартовая страница

<!DOCTYPE html>

<html lang="ru" style="overflow: hidden;">

<head>

   <meta charset="UTF-8">

   <title>Тестовое внешнее приложение</title>

   <style>

       body > div {

           position: absolute;

           left: 16px;

           top: 72px;

           background-color: #4a96d3;

           padding: 8px;

       }

   </style>

   <script>

       var onClick = function () {

           const iframe = document.body.querySelector('iframe');

           const latInput = document.getElementById('lat');

           const lonInput = document.getElementById('lon');

           if (iframe && latInput && lonInput) {

               iframe.contentWindow.postMessage({

                   type: 'gwtkse',

                   cmd: 'goTo',

                   data: {point: {lat: latInput.value, lon: lonInput.value}}

               }, '*');

           }

       };

   </script>

</head>

<body style="margin: 0;">

<div>

   <label for="lat">Широта: </label><input id="lat" type="number" value="55.8"/>

   <label for="lon">Долгота: </label><input id="lon" type="number" value="37.6"/>

   <button onclick="onClick()">Перейти</button>

</div>

<iframe style="width:100vw; height: 100vh;" src="http://localhost/GISWebServerSE/index.php"></iframe>

</body>

</html>