0

Помогите решить проблему с отрисовкой меток на карте. Я получаю latitude и longitude с сервера, как мне передать их в функцию initMap чтоб отрисовать на карте?

Вот мой код

const btn = document.querySelector('.btn')

const test = {
  query: 'restaurant',
  radius: 100000,
  lat: 60,
  lng: 56,
}


let a = 'http://198.199.125.240:8888/search'


// Щоб вивести на сторінці
async function getUsers(url) {
  let response = await fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json;charset=utf-8',
    },
    body: JSON.stringify(test),
  })


let data = await response.json()


}


btn.addEventListener('click', () => {
  getUsers(a)
})


// GOOGLE API
function initMap() {


const element = document.querySelector('.map')


const options = {
    zoom: 10,
    center: { lat: 49.842957, lng: 24.031111 },
  }


const myMap = new google.maps.Map(element, options)


}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Google API</title>
  </head>
  <body>
    <button class="btn">POST/GEO</button>
    <div class="map"></div>
    <script src="app.js"></script>

    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAjFpHVA975VUp9CROB_cguglhjVOc9J00&callback=initMap&v=weekly"
      async
    ></script>
  </body>
</html>
Week_six Coursera
  • 1

0 Answers0