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

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

(672)
如何获取鼠标单击画布元素的坐标 (mouse click)
上一篇
如何将inset应用于tailwindcss中的框阴影
下一篇

相关推荐

  • javaeeapi中文版构建企业级应用的开发标准

    Java EE API中文版是一种基于Java的企业级开发平台,它提供了一系列标准的API,用于支持企业级应用程序的开发。它包括Java Servlet、JavaServer Pages、Enterprise JavaBeans、Java Message Service、Java Naming and Directory Interface、Java Database Connectivity、Java Transaction API等等。…

    2023-02-06 12:36:45
    0 71 45
  • capitalcity是什么意思首都的启示——探索世界各地的首都文化

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

    2023-02-01 06:59:49
    0 66 20
  • javaapi文档:java.lang.String类

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

    2023-02-18 14:13:40
    0 96 90
  • javaapi手册:Java 8 新特性

    Java API手册是一本关于Java编程语言的参考书,它提供了Java类库中的各种类、方法和常量的完整说明。它还包括了一些有关Java语言的概念和特性的介绍。…

    2023-02-20 09:29:52
    0 14 89
  • capital公司 The Future of Business Innovation

    Capital公司是一家专注于投资管理的金融服务公司,旨在帮助客户实现投资目标。它提供投资组合管理、财富管理、财务咨询、财务规划、保险等服务。 Capital公司的代码如下:…

    2023-01-07 05:38:51
    0 14 66
  • java9 新特性探索新的模块系统和API变化

    示例示例Java 新特性:模块化系统(Jigsaw 项目):模块化系统是 Java 中最重要的新特性,它将 Java 语言的结构和发布模型进行了重大的改进。它使用模块化系统将 Java 应用程序分解为许多小的模块,以便更好地管理和发布应用程序。…

    2022-12-30 08:26:07
    0 78 98
  • 单反相机入门教程图解:我们可以使用camera2API访问佳能数码单反相机吗

    关于单反相机入门教程图解的问题,在android dslr camera中经常遇到,我想通过使用 Android 设备从DSLR相机拍照。是否可以使用camera2API?…

    2022-12-17 11:56:36
    0 36 44
  • Ram disk:用于.NET的可编程RAM磁盘 API

    关于Ram disk的问题,在best free ramdisk software windows 10中经常遇到,寻找 RAM 磁盘 API(或要实现的等效软件集)来临时存储文件,以便在物理硬盘环境之外进行读 / 写操作。…

    2022-12-26 05:36:37
    0 46 59

发表评论

登录 后才能评论

评论列表(78条)