拖动时,Google地图事件bounds_changed会多次触发
拖动时，Google地图事件bounds_changed会多次触发。bounds_changed事件在地图的可视区域发生变化时触发，包括缩放、平移、拖动等操作。当用户拖动地图时，地图的可视区域会不断变化，因此bounds_changed事件会被多次触发。
这个事件的触发频率取决于用户的操作速度和地图的响应速度。当用户快速拖动地图时，bounds_changed事件可能会连续触发多次。而当用户缓慢拖动地图时，bounds_changed事件的触发次数会相对较少。
bounds_changed事件对于需要根据地图可视区域变化来更新相关内容的应用非常有用。例如，在地图上显示附近的商店或地点时，可以通过监听bounds_changed事件来获取当前可视区域的边界，并根据边界信息查询相关数据并更新地图上的标记点。
对于处理bounds_changed事件，可以使用Google Maps JavaScript API提供的addListener方法来添加事件监听器。示例代码如下：
google.maps.event.addListener(map, 'bounds_changed', function() {
// 在这里处理bounds_changed事件
});腾讯云提供的与地图相关的产品是腾讯位置服务（Tencent Location Service），它提供了一系列地图相关的功能和服务，包括地图显示、地理编码、逆地理编码、路径规划等。您可以通过腾讯位置服务来实现类似Google地图的功能，并处理bounds_changed事件。
腾讯位置服务产品介绍链接地址：https://cloud.tencent.com/product/tianditu
相关·内容
1回答
我要检查谷歌地图的边界变化，通过触摸事件。具体来说，我想让一些系统，如果我触摸屏幕显示谷歌地图，并改变界限，发送一些东西可以指定新的地图到服务器。就像下面 var bar=map.getCenter()如果我用鼠标拖动地图，谷歌地图就会实时发送变量。但是如果我使用触摸设备，
浏览 2提问于2014-02-17得票数 3
我正在使用Google map javascript api的V3来引入更多的标记，因为地图的边界发生了变化。问题是，当我拖动地图一段时间，然后结束拖动时，会立即触发大量事件。当地图被拖动时，它们似乎正在排队。goo
浏览 0提问于2010-09-29得票数 2
在我的应用程序中，我监听Google Maps API 'bounds_changed‘事件，发送一个ajax请求，根据地图的新边界更新网页上的某个div： // here goes an ajax call当用户拖动地图时，事件</em
浏览 0提问于2010-07-16得票数 11
回答已采纳
1回答
我在我的web应用程序中使用谷歌地图v2。当地图边界由于缩放或拖动而改变时，我想调用数据库来获取记录。只要在zoomend事件之后触发了tilesloaded事件，就可以很好地工作。但是(恼人的)它在zoomend事件之前被触发了很多次，所以在这种情况下，在tilesloaded事件处理程序中不会设置缩放标志，也不会发生db调用。
阻力也是如此。而且很多时候，当我们稍微拖动
浏览 3提问于2010-02-09得票数 1
回答已采纳
var time = null;google.maps.event.addListener(map,'bounds_changed',function(){alert('I just want to see this once after the map was moved'); },1000);基本上，当地图发生变化时，bounds_changed似乎会触发相当多。
浏览 6提问于2011-03-16得票数 0
回答已采纳
我刚刚开始使用Google Maps API。这个问题很容易理解，但我不知道如何解决它。这是Google为您提供的简单代码示例，但不包括警告。(document.getElementById('map'), mapOptions);}
google.maps.event.addDomListener(window, 'load',
浏览 0提问于2015-01-07得票数 3
回答已采纳
1回答
反弹标记，缩放后不反弹
、、、
我在谷歌地图上遇到的这个问题，我做了一个。marker = new google.maps.Marker({ map: map, 如果我把地图拖到我再也看不到标记的地方，然后放大(通常是3或4级)，在我缩小我能看到标记的地方后，它就不再弹跳了，如果我点击它，它会再次弹回。
这是一个浏览器问题吗?我在这里面对的是什么？
浏览 0提问于2014-06-01得票数 2
我使用fitBounds更新该地区的地图视图，基于新的GeoJson数据。一旦用户缩放或拖放地图，我就想禁用自动"fitBounds“功能。
是否有检测用户交互导致视口更改的一般方法？
浏览 2提问于2017-02-02得票数 2
回答已采纳
我正在从v2切换到v3 google maps，但gMap.getBounds()函数出现了问题。var gMap; gMap = new google.maps.Map(document.getElementById("GoogleMapControl"),
浏览 5提问于2010-05-14得票数 84
回答已采纳
我有一张有标记的谷歌地图。当地图被移动/缩放时，我希望我的标记被刷新.我怎么能这么做？
浏览 11提问于2010-12-02得票数 69
回答已采纳
2回答
角度UI谷歌地图中心标记
、、、、
我使用的是角(UI)-谷歌地图(2.1.5)和AngularJS (1.3.13)drag: function(maps) { }
我还计算了拖动事件触发器的数量、频率，这比标记(或地图)的
浏览 1提问于2015-08-12得票数 2
回答已采纳
我想在用户移动地图时监听'bounds_changed‘事件，更改缩放，但我不希望它在我的程序调用setCenter或setZoom方法时被触发。因此，我尝试在设置中心之前删除事件，并在设置中心之后添加它。然而，它并没有起作用，我的事件仍在被触发。google.maps.event.removeListener(currentBoundsListener);
var geo = new go
浏览 1提问于2012-08-03得票数 3
回答已采纳
我有带标记的谷歌地图。
我已经显示了一个自定义弹出的标记click.Popup调整它的位置，因为地图被拖动，所以为了调整它的位置，我使用了bound_changed事件的谷歌地图。的问题是：- bounds_changed事件在地图拖放时会持续开火，所以我调整弹出位置--这是移动设备中桌面browser.But的完美选择-- bounds_changes事件只有在拖动完成后才会触发，就像谷歌
浏览 6提问于2015-04-03得票数 0
下面的代码在地图上显示了一个教堂和一个牧师： center: churchLatLng, };
myMap= new google.maps.Map(document.getElementById('myDiv'
浏览 0提问于2014-01-15得票数 0
我有一个谷歌地图，检索标记的信息(LatLng等)通过JSON从PHP脚本。有一个Google监听器，它删除所有现有的标记，检索bounds_changed上的标记并将它们添加到地图中。问题:由于在地图上绘制了大量标记，每次用户更改地图边界(拖动、缩放.)时，所有标记都会被移除、检索和添加，主要是因为绘制了新的标记(我认为)。很多时候，用户只是稍微改变了界限，结果可能会重新添加75%的标记。为了加快速度，我决定在bounds_
浏览 8提问于2011-12-07得票数 3
1回答
我有一个谷歌地图，它占据了整个屏幕的大小。有一个顶部栏，其中有地理完整的文本字段，以便我可以键入的地方名称和地图移动到那个地方。但是，问题在于它无法触发bounds_changed事件。第二个问题是，当地图第一次加载时，我无法拖动它(手图标没有出现)。只有在我使用地理完全性字段移到其他地方之后，我才能拖动地图。下面是我使用过的相关代码片段。$(document).ready ->
google</em
浏览 3提问于2014-04-14得票数 0
回答已采纳
嗨，伙计们，这里有些地方不对劲--当我试图通过点击并拖动这个页面上的地图来平移时。更新指针的函数被调用了，但是问题是我不能从鼠标释放地图-它就像粘在上面一样。处理平移的代码如下： this.map = new google.maps.Map(this.id, this.options= '' ){
google.maps.event.addListener(xmap, 'zoom_ch
浏览 3提问于2012-02-23得票数 0
Google Maps API V3目前还不支持V2 GOverviewMapControl选项。我在上遇到了一段代码，Silde19，它提供了显示较小地图的代码，但不是您在这里通常看到的可拖动、半透明的蓝色框。这是可能的，但不幸的是代码被“省略”了。有没有人知道如何生成它？谢谢
浏览 0提问于2009-10-31得票数 4
回答已采纳
我正在尝试让Google Maps连续平滑地平移，除非用户将鼠标移到地图上。使用“idle”事件处理程序会导致摇摄动画不稳定。使用其他事件不会给我带来结果。initialize() { zoom: 5, mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google</
浏览 2提问于2011-09-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
