Как обновить положение значка, не загружая все время полную карту?

Я ссылаюсь на приведенный ниже пример карты Google. Я пытаюсь обновлять положение значка каждые 10 секунд с новым набором широты и долготы, поэтому каждые 10 секунд я буду передавать новую широту / долготу, чтобы значок двигался (например, движущийся автомобиль) var uluru {lat: 51.89269433333334, lng: -0.47702666666666665};

У меня вопрос: не загружая карту каждые 10 секунд, можем ли мы обновлять широту и долготу значка каждые 10 секунд фона? или нам нужно обновлять карту каждые 10 секунд? если да, дайте мне знать, как это сделать.

Спасибо за помощь

  <!DOCTYPE html>
    <html>
      <head>
        <style>
           /* Set the size of the div element that contains the map */
          #map {
            height: 800px;  /* The height is 400 pixels */
            width: 100%;  /* The width is the width of the web page */
           }
        </style>
      </head>
      <body>
        <h3>My Google Maps Demo</h3>
        <!--The div element for the map -->
        <div id = "map"></div>
        <script>
    // Initialize and add the map
    function initMap() {
      // The location of Uluru
      var uluru = {lat: 51.89269433333334, lng: -0.47702666666666665};
      // The map, centered at Uluru
      var map = new google.maps.Map(
          document.getElementById('map'), {zoom: 13, center: uluru});
      // The marker, positioned at Uluru
      var marker = new google.maps.Marker({position: uluru, map: map});
    }
        </script>
        <!--Load the API from the specified URL
        * The async attribute allows the browser to render the page while the API loads
        * The key parameter will contain your own API key (which is not needed for this tutorial)
        * The callback parameter executes the initMap() function
        -->
        <script async defer
        src = "https://maps.googleapis.com/maps/api/js?key=&callback&callback=initMap">
        </script>
      </body>
    </html>

возможный дубликат Обновлять маркер на карте Google каждые x секунд

geocodezip 18.12.2018 20:20

Привет @geocodezip, спасибо, я видел это, но ему было 4 года, я не был уверен после изменения структуры api рецепта Google, если этот код все еще действителен, я смотрел другой пример developers.google.com/maps/documentation/javascript/examples‌ /… в этом, я могу удаляйте значок добавления при каждом щелчке, но можем ли мы создать динамический массив вместо щелчка? Например, если мы вызовем наш скрипт, получим широту / время каждые 10 секунд и передадим его через функцию addMarker, будет ли он работать?

Michael 18.12.2018 20:40
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
88
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я изменил этот скрипт, кажется, работает нормально

https://developers.google.com/maps/documentation/javascript/examples/marker-remove

Другие вопросы по теме