Google Place API的“ open_now”问题

如何解决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);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-