Как с помощью js на карте open street map показать город?

Question

[Иван Иванов]

С помощью js получаю xml

App.location = 'Москва';
		$.ajax({
			url: "https://nominatim.openstreetmap.org/search?q=" + App.location + "&format=xml",
			dataType: "xml",
			success: function(data) {
				console.log(data);
			}
		});

Как теперь создать карту с помощью этих данных с городом App.location? Желательно используя https://leafletjs.com/ ?
Заранее благодарен, что-то никак не могу разобраться.

Answer 1

[Александр]

Сама карта создается также как тут https://leafletjs.com/examples/quick-start/example...

n = 'Москва';
    $.ajax({
      url: "https://nominatim.openstreetmap.org/search?q=" + n + "&format=json",
      dataType: "json",
      success: (data)=>{
        data.forEach((i)=>{if(i.type=="city"){
            var marker = L.marker([i.lat,i.lon]).addTo(mymap);
            marker.bindPopup(i.display_name).openPopup();//раскроем текст подсказки маркера
            mymap.setView([i.lat,i.lon], 10);//Передвинем карту к месту
        }});
      }
    });

и без jquery (я тестил на той странице, а там нет его)

n = 'Москва';
fetch(new Request("https://nominatim.openstreetmap.org/search?q=" + n + "&format=json"))
  .then((response)=>response.json())
  .then((data)=>{
        data.forEach((i)=>{if(i.type=="city"){
            var marker = L.marker([i.lat,i.lon]).addTo(mymap);
            marker.bindPopup(i.display_name).openPopup();
            mymap.setView([i.lat,i.lon], 10);
        }});
  });

Comments

[Иван Иванов]

Спасибо)