javascript - Zoom_changed 监听器对我不起作用-6ren

javascript - Zoom_changed 监听器对我不起作用

转载作者：行者123 更新时间：2023-11-28 18:24:25

29

4

我正在尝试在谷歌地图中使用缩放监听器事件，以便我可以调整其中的某些轴的大小。首先，我尝试使用警报，以便我可以查看监听器是否检测到缩放级别的更改，但我根本无法收到任何警报。我的代码如下:

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps - pygmaps </title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=visualization&sensor=true_or_false"></script>
<script type="text/javascript">
    var map;
    function initialize() {
        var centerlatlng = new google.maps.LatLng(49.801674, 11.188139);
        var myOptions = {
            zoom: 18,
            center: centerlatlng,
            scaleControl:true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

* 绘制内容 *

google.maps.event.addDomListener(window, 'load',initialize);
google.maps.event.addDomListener(maps,'zoom_changed', function()
{
    alert("changed");
});

</script>
</head>
<body>

    <div style="text-align:center;">
        <button onclick="draw_axis()">Enable/Disable Axis</button> <br><br>    <div id="log"></div>  
    </div>
    <div id="map_canvas" style="width: 100%; height: 90%;"></div>
    </body>
    </html>

有人看出问题了吗？

最佳答案

当您创建zoom_changed监听器时，map变量没有定义，它是稍后在初始化函数运行时创建的(变量也是map，而不是 map )。

代码片段:

var map;

function initialize() {
  var centerlatlng = new google.maps.LatLng(49.801674, 11.188139);
  var myOptions = {
    zoom: 18,
    center: centerlatlng,
    scaleControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  google.maps.event.addDomListener(map, 'zoom_changed', function() {
    alert("changed");
  });

}
google.maps.event.addDomListener(window, 'load', initialize);

html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div style="text-align:center;">
  <div id="log"></div>
</div>
<div id="map_canvas" style="width: 100%; height: 90%;"></div>

关于javascript - Zoom_changed 监听器对我不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39396226/

29

4

0

文章推荐： objective-c - 如何调整 UILabel 的大小以适应内容？

文章推荐： python - 使用 pyproj 投影 NumPy 坐标数组

文章推荐： python - tensorflow 错误 : 'FileWriter' method

文章推荐： javascript - 在 JavaScript 函数中将值传递给 'this'

ExtJS CheckboxSelectionModel 监听器
当单击复选框(或选择所有复选框)时，我想向 CheckboxSelectionModel 添加一个监听器。 var smSensors = new xg.CheckboxSelectionModel(
Java onclick 监听器
我有一个简单的程序，允许 2 个客户端连接到服务器。连接后，他们可以轮流点击空白卡片图像。一旦 2 个客户中的任何一个点击空白卡片图片，卡片图片将变为 Ace 俱乐部图片。更改将显示在客户端的两
delphi - “监听器”用于检测鼠标图标的更改
我在这里看到了一个代码，该代码以字符串的形式检索鼠标的当前图标，但是此代码使用了TTimer来实现。因此，我想知道是否存在某些事件（侦听器）来检测鼠标光标图标上的这些更改。下面是使用TTimer的
javascript - ExtJs 监听器
我想在我的配置对象上获得一个 onload 事件。以下工作，除非我创建一个 config.listeners={..} (我认为这就是我需要的？)替换 this.onload({...}); 我什至
Scala 监听器/观察器
通常，在 Java 中，当我有一个向其他对象提供某种通知的对象时，我将使用 Listener/Observer 模式。有没有更类似于 Scala 的方式来做到这一点？我应该在 Scala 中使用这种
c# - 如何在具有动画器的游戏对象之外添加动画事件接收器/监听器？
我有一个带有动画器的游戏对象和一些可以触发事件的动画(具有特定的回调函数)。只要我将脚本添加到与动画器相同的游戏对象(包括接收器)，一切都会正常工作: public class AnimatorEv
android - DialogFragment 监听器
我有一个带有监听器的 DialogFragment，用于单击按钮以调用 fragment 中的函数。我收到 lateinit property listener has not been initi
java - JCheckbox 监听器
这个问题已经有答案了: Java ActionListener error: incompatible types (4 个回答) 已关闭 5 年前。我最近刚刚开始学习 Java 代码。我在添加监听
Java 监听器 - 更简单的方法？
我的代码遇到问题。我想知道是否有一种更简单的方法来使用监听器，而不是不断地这样做: example.addActionListener(new java.awt.event.ActionListene
.net smtp 监听器
有没有办法使用 .net 创建控制台应用程序。或通过某个端口监听 SMTP 消息的服务？我需要创建一个中间层对象来捕获和处理 smtp 消息。也就是说，我希望该监听器发送和接收 smtp 消息，然后
c# - 如何在具有动画器的游戏对象之外添加动画事件接收器/监听器？
我有一个带有动画器的游戏对象和一些可以触发事件的动画(具有特定的回调函数)。只要我将脚本添加到与动画器相同的游戏对象(包括接收器)，一切都会正常工作: public class AnimatorEv
java - 监听器 - 通知已完成的事件流
我有许多向主事件生成服务注册的监听器。然而，我想告诉听众，事件流在某个时刻将会结束。您会通过简单地调用监听器上的方法(例如 finish())来完成此操作，还是有一个单独的事件方法 streamFin
Java JList 监听器
我的代码有什么问题。我创建了一个 JList，添加了项目并将其推到左侧(BorderLayout.WEST)。每次单击列表项时，我希望在列表右侧显示一个面板。但问题是，当选择列表项并运行监听器时，到
java - JComboBox 监听器
关闭。此题需要details or clarity 。目前不接受答案。想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 8 年前。 Improve th
Java-监听器、泛型和继承
这可能是一个简单的问题，但我没有看到它。我有一个界面 public interface RenderableListener{ public void update(T element);
java帮助小程序 Action 监听器
有人可以直接指出我的正确方向吗？当从组合框中选择适当的选项时，我希望小程序中的 Action 监听器显示从 html 文件检索的 jlabel 中的 3 个参数之一。干杯最佳答案对于组合框，您需
jquery - 我是否应该担心附加大量不需要的事件处理程序/监听器？
我有一个网站，每个页面上都有许多 jQuery 事件处理程序，所有这些都在一个大型 .js 文件中。这意味着对于任何页面，大多数事件处理程序都是针对不存在且根本不会使用的 HTML。这会影响我的表
用于在文本字段上自动完成选择的 jQuery 监听器
我有一些 jQuery 监听器设置，用于监听 type="text" 字段上的表单输入。但是，当用户从自动完成下拉框中选择一个选项(即他们之前输入的值已被记住以供将来使用)时，下面的监听器不会收集该值
触摸屏上水平滑动的 jQuery 监听器？
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
子类中事件的 C# 监听器
我正在用 unity (c#) 做一个类似国际象棋的游戏，但我在尝试进行向上转换以将信息从一个 child 发送到另一个抽象类时遇到了困难。基本上，我有一个抽象类，它有一个带有函数的事件/委托(de

首页

博学

6Ren·AI

商城

javascript - Zoom_changed 监听器对我不起作用