Как мне получить информацию от HTML до Javascript, но это связано с API - PullRequest
1 голос
/ 21 июня 2020

Итак, я хочу подключиться к этому API:

<script id="myshiptrackingscript" src="//www.myshiptracking.com/js/widgetApi.js" async defer></script>

отсюда: https://www.myshiptracking.com/more/embed-our-map Я хочу создать страницу HTML, где я могу ввести mmsi (a переменной в коде) и отобразить на карте.

Вот что у меня есть: HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ship tracker</title>
</head>
<body>
    <input type="text" placeholder="mmsi" id="input">
    <input type="button" onclick="submit()" value="ubmit">

    <script src="app.js"></script>
    <script id="myshiptrackingscript" src="//www.myshiptracking.com/js/widgetApi.js" async defer></script>
</body>
</html>

и для JAVASCRIPT

var mst_width="75%";
var mst_height="350px";
var mst_border="0";
var mst_map_style="simple";
function submit() {
    var mst_mmsi = document.getElementById("input").submit;
}
var mst_show_track="";
var mst_show_info="";
var mst_fleet="";
var mst_lat="";
var mst_lng="";
var mst_zoom="";
var mst_show_names="0";
var mst_scroll_wheel="true";
var mst_show_menu="true";

Когда я отправляю ввод, я не получаю вывода от карты ... мне нужно обновить sh карту или что-то в этом роде? Вот код для HTML:

<script>var mst_width="100%";var mst_height="350px";var mst_border="0";var mst_map_style="simple";var 
mst_mmsi="";var mst_show_track="false";var mst_show_info="true";var mst_fleet="";var mst_lat="";var 
mst_lng="";var mst_zoom="";var mst_show_names="0";var mst_scroll_wheel="true";var 
mst_show_menu="true";</script>
<script id="myshiptrackingscript" src="//www.myshiptracking.com/js/widgetApi.js" async defer></script>

Я взял весь этот код с того же веб-сайта: https://www.myshiptracking.com/more/embed-our-map Щелкните ссылку, а затем нажмите «получить код» "чтобы получить тот же самый код.

Спасибо :) Надеюсь, я достаточно хорошо объяснил свою проблему ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...