Я разрабатываю приложение Javascript. Это моя первая попытка в несколько более сложном приложении, и я сталкиваюсь с проблемами с обещаниями.Javascript Обещает не помогать
<!DOCTYPE html>
<html>
<head>
<title>Images</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
...
</style>
<script src="http://js.pusher.com/2.2/pusher.min.js"></script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=key&callback=initMap">
</script>
</head>
<body>
<div id="map"></div>
<script>
var map;
//setup Pusher API
var channel = "channel";
var pusher = new Pusher(appid);
var title;
var Channel = pusher.subscribe(channel);
function getTitle() {
return new Promise(function(resolve, reject) {
Channel.bind("new-listing", function(listing) {
title = listing['title'];
resolve(title);
}, 0);
});
}
getTitle().then(function(title) {
return title;
});
// console.log("Title: " + title);
function findCoordinates() {
return new Promise(function(resolve, reject) {
geocoder.geocode({ 'address': address}, function(results, status) {
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
resolve(latitude, longitude);
}, 0);
});
}
findCoordinates().then(function(latitude, longitude) {
console.log("Latitude: " + latitude);
console.log("Longitude: " + longitude);
});
// console.log("Latitude: " + latitude);
function initMap() {
var postion = {lat: latitude, lng: longitude}; //here I need latitude and longitude
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: postion
});
var marker = new google.maps.Marker({
position: postion,
map: map,
title: title //here I need title
});
marker.addListener('click', function() {
infowindow.open(map, marker);
});
}
</script>
</body>
</html>
У меня есть три вопроса:
- Хотя обещания работают, проблема в том, что название до сих пор не доступны за пределами этого обещания
- То же самое с широтой + мне нужно иметь и широту и долгота
- Другая проблема заключается в том, что мой код теперь жалуется, что геокодер не определен внутри обещания.
Любая обратная связь действительно ценится.
Объем 'title' является ожидаемый один (как против «широты» и «долготы»), но ваша фактическая проблема - это асинхронность обратных вызовов. – Bergi
Я прочитал ответ на аналогичный вопрос и, при необходимости, уточнил свой вопрос. Должен признать, что даже после прочтения ответа я этого не вижу. – wiwa1978
'setTimeout' похоже на' Channel.bind', а '' Test message'' похоже на 'listing ['title']'. С обещанием для этого и обещанием для координат вы можете использовать 'Promise.all', а затем вызвать свой' initMap', как только все данные придут. – Bergi