Google Place API的“ open_now”问题

问题描述

enter image description here

您好,我使用的是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);