GoogleMapsAPI|当外面很黑(与时间有关)时 如何更改地图样式(复古为夜间模式)

我目前正在一个网站项目,由于某种原因,我的客户希望嵌入式地图在外面黑暗时改变风格。(风格:复古和夜间模式)

我目前正在一个网站项目,由于某种原因,我的客户希望嵌入式地图在外面黑暗时改变风格。(风格:复古和夜间模式)

我只是使用与我在这个GOOGLE网站上找到的完全相同的代码库为地图实现了复古风格。

夜间模式的样式可以查找HERE

我的问题:我怎么能 toogle 这两个地图样式之间关于一个特定的时间,我可以设置自己(即晚上 8 点)或如何可以改变风格取决于日出 / 日落在她或他的特定时区?

我没有在我的在线研究中找到关于这个主题的任何信息,也没有在谷歌的开发者网站上。

任何帮助将不胜感激。

2

这不是 Google Maps 的问题,您只需要在满足条件时使用正确的 id 调用map.setMapTypeId即可。

例如

if(your_condition) {
  map.setMapTypeId(my_custom_id);
}

请注意,在这种情况下,条件将只检查一次(因此,如果用户不刷新页面,他不会看到任何更改-使用setInterval每 x 秒检查一次条件)。为了帮助您处理日期,MomentJS库非常有用(并且也知道如何处理时区)。

如果你想计算日出 / 日落时间,有库:https://github.com/mourner/suncalc

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(240)
如何获取鼠标单击画布元素的坐标 (mouse click)
上一篇
如何从AWSCognito中的所有设备注销
下一篇

相关推荐

  • capitoul红酒报价美味低价的满足感

    Capitoul红酒报价是指由法国Capitoul红酒公司提供的红酒报价,其中包括Capitoul系列产品的各种红酒,以及其它知名红酒品牌的红酒。…

    2023-11-05 11:53:48
    0 67 90
  • working capital怎么算:如何计算流动资金?

    Working capital,又称为流动资金,是指企业在一定时期内可以用于正常运营的资金。它的计算公式为:Working Capital = Current Assets - Current Liabilities…

    2024-05-20 08:28:46
    0 59 44
  • capital中国官网投资者的理想之选

    Capital China官网是一个专业的投资管理公司,旨在为客户提供最佳的投资咨询服务。该网站提供了投资者有关投资策略、投资分析、投资组合管理、投资风险管理等方面的信息,以及投资者可以通过网站获得的投资建议和投资机会。…

    2023-04-26 11:33:23
    0 95 65
  • java8 分组求和:使用 Java 8 Streams API 按照指定条件分组求和

    示例示例Java 分组求和是一种使用 Java Stream API 来将集合元素按照某个特定的条件分组,然后对每个分组进行求和的方法。代码示例:…

    2023-05-28 00:45:43
    0 92 67
  • asp.net webapi框架构建高性能RESTful Web服务

    ASP.NET WebAPI 是一种用于创建 HTTP 服务的框架,它可以用来发送数据到客户端。它是基于 ASP.NET MVC 框架的一个扩展,旨在提供更丰富的 HTTP 功能,使开发人员能够快速开发面向 Web 的服务。…

    2023-12-24 09:04:02
    0 64 65
  • capitalcity是什么意思首都的启示——探索世界各地的首都文化

    示例示例是指一个国家或地区的首都。代码示例:// 获取中国的首都…

    2023-02-01 06:59:49
    0 52 42
  • java包括哪几部分:编译器、虚拟机、API与语言特性

    示例示例Java包括以下几部分:Java语言基础:包括Java的基本语法、数据类型、变量、运算符、流程控制、数组、字符串等。…

    2023-05-09 07:07:31
    0 63 84
  • javaapi文档:java.lang.String类

    Java API文档是一种文档,它提供了关于Java类库的详细信息,包括类、接口、方法和字段的定义以及它们之间的关系。它还提供了有关如何使用特定类或接口的示例代码,以及它们的功能和用法。…

    2023-02-18 14:13:40
    0 96 39

发表评论

登录 后才能评论

评论列表(14条)