如何解决Google Place API的“ open_now”问题
您好,我使用的是Google Map API和Google Places API,并且存在大量此问题。实际上,每次调用Google Places api:
“ open_now自2019年11月起已弃用,并将于2020年11月关闭。使用PlacesService.getDetails()中的isOpen()函数”
我阅读了文档并做了一些研究,但被告知我不应该使用open_now。
我在项目中不使用open_now或isOpen()
有人解决这个问题吗?
const map = store.state.map;
const google = store.state.google;
const service = new google.maps.places.PlacesService(map);
const center = map.getCenter();
const nearbySearchRequest = {
location: center,radius: 650,types: ["restaurant"]
};
function nearbySearchCallback(results,status) {
const API_KEY = firebaseConfig.apiKey;
if (status == 'OK') {
let restaurants = results;
restaurants.forEach((restaurant,i) => {
// For each restaurant,we get the reviews
function getDetailsCallback(reviews) {
restaurant.reviews = reviews;
}
const getDetailsRequest = {
fields: ["reviews"],placeId: restaurant.place_id
};
service.getDetails(getDetailsRequest,getDetailsCallback);
//For each restaurant,we get the image
const lat = restaurant.geometry.location.lat();
const lng = restaurant.geometry.location.lng();
restaurant.img = `https://maps.googleapis.com/maps/api/streetview?size=150x150&location=${lat},${lng}&key=${API_KEY}`;
});
store.commit("UPDATE_RESTAU",restaurants);
setMarkers();
}
}
service.nearbySearch(nearbySearchRequest,nearbySearchCallback);
解决方法
我从没使用过“ open_now()”函数。我创建了一些不可见的文本框来根据当前日期/时间保持打开或关闭状态。然后,我添加了一些JavaScript以根据日期/时间,假日和周末填充这些文本框。最后,我向对象数组(在本例中为机场)添加了一个函数,以从文本框中获取“打开/关闭”状态的值。
我认为向您展示一个样本可以更好地解释这一点。这是我放置我的CodePen的链接。有时它在CodePen上工作正常,有时却不行。但是,如果您仅下载项目并从计算机运行它,它总是非常有用。或者,只需从笔上复制/粘贴“ html,css和javascript”。
https://codepen.io/pailwriter/pen/MWyevGO
请用您自己的API密钥替换。
您可以将javascript页面上的3个部分分成3个不同的js页面。只需注意它们的顺序,然后在html页面的“标题”部分中,以该顺序命名即可。
这里快速介绍了要使用的日期/时间JavaScript。
var today = new Date();
var dateNow = today.getFullYear()+','+(today.getMonth()+1)+','+today.getDate();
var holidays = (
'2020,1,1','2020,20',2,17',5,25',7,3',9,7',10,12',11,11',26',12,25'
);
var d = new Date();
var weekday = new Array(7);
weekday[0] = "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";
var n = weekday[d.getDay()];
// Start Clock - H:m only
setInterval(function(){
var tdate = new Date();
var tformat = [
("0" + tdate.getHours()).substr(-2),("0" + tdate.getMinutes()).substr(-2)
].join(":");
//Based on current date/time,populate the "invisible" text boxes on the index.html page. *********************************
// Open/Closed status for Monday through Friday only
if (tformat > '09:00' && tformat < '17:00' && n != "Sunday" && n != "Saturday" && holidays != dateNow) {
document.getElementById("Shift1").innerHTML = "Open";
document.getElementById("Shift1").value = "Open";
}
else {
document.getElementById("Shift1").innerHTML = "Closed";
document.getElementById("Shift1").value = "Closed";
}
// Open/Closed status for Monday - Saturday
if (n == "Saturday" && tformat > '08:00' && tformat < '17:00' && holidays != dateNow || n != "Saturday" && n != "Sunday" && holidays != dateNow && tformat > '09:00' && tformat < '13:00') {
document.getElementById("Shift2").innerHTML = "Open";
document.getElementById("Shift2").value = "Open";
}
else {
document.getElementById("Shift2").innerHTML = "Closed";
document.getElementById("Shift2").value = "Closed";
}
// Main Branch Hours Only ********************************* End *****************************************************
// This is the closing tag for all the time/date options above. Do not remove.
},100);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。