Google Maps API |当外面黑暗(依赖于时间)时,如何更改地图样式(复古到夜晚模式)?

时间:2017-02-27 11:26:13

标签: javascript datetime google-maps-api-3

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

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

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

我的问题: 如何在这两种地图样式之间设置关于我可以自己设置的特定时间(即晚上8点),或者如何根据她或他的特定时区中的日出/日落来改变样式?

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

这不是谷歌地图问题。您只需在满足条件时使用正确的ID呼叫map.setMapTypeId

e.g。

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

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

如果您想计算日出/日落时间,可以使用以下库:https://github.com/mourner/suncalc