javascript - 在谷歌地图中调整高度

Question

我从 Google Map API 获得了一个调整高度“ map ”的示例代码

 var recalcHeight = function() {
    $("#map").height($(window).height() - 100); //Example
    map && google.maps.event.trigger(map, 'resize'); //(*) Don't understand this line
}; 
$(window).resize(recalcHeight);
recalcHeight();

好的，在我的 php 文件中，我有一个 div 标签:1. 我不明白上面这一行 (*)。

Answer 1

我真的不知道你问的是什么，因为你没有用 Javascript 标记它，但我想如果你知道这一点，你会问什么 google.maps .event.trigger(X, Y) 做到了。另外，我不知道这与您的 PHP 文件中的 div 标记有什么关系。

Google map API 答案

这里很容易找出trigger的作用:

Triggers the given event. All arguments after eventName are passed as arguments to the listeners.

(来自Google Maps API，我很快就找到了)

Javascript 答案

如果您的问题是关于整个 && 结构，我会向您解释:

map && google.maps.event.trigger(map, 'resize');

&& 是逻辑AND 与short-cirquit evaluation 这意味着:

• 如果它的第一个参数是true，它会评估第二个参数。 Iff这也是 true，它返回 true。

• 如果它的第一个参数是false，整个表达式就不能变成true，所以它甚至不计算它的第二个参数 并立即返回 false。

此机制可(ab)用于更改流量控制。如果条件(&& 的第一个参数)为假，则不会计算第二个参数，因此它与

相同

if (map) {
    google.maps.event.trigger(map, 'resize');
}

我不知道 map 是如何初始化的，但也许只有当有 map 元素时才会添加事件触发器。