好奇为什么map.on()；不起作用
map.on() 是一个常见的 JavaScript 函数，用于绑定事件处理程序到地图上的特定事件。然而，由于提供的问题非常简洁，无法确定具体指的是哪个地图库或框架的 map.on() 方法。在下面，我将以一个假设的场景为例，提供一个可能的答案。
假设我们使用的是腾讯云提供的地图 SDK，比如腾讯地图 JavaScript API。在这种情况下，map.on() 用于绑定地图上的事件处理程序。然而，当 map.on() 不起作用时，可能有以下几个原因：
- 地图对象未正确实例化：在调用
map.on()之前，必须先正确实例化地图对象。例如，使用腾讯地图 JavaScript API，可以使用new qq.maps.Map()创建地图对象，并确保该对象被正确初始化。 - 地图事件绑定错误：
map.on()的第一个参数应该是一个字符串，表示要绑定的事件名称。常见的地图事件包括 "click"、"zoom_changed"、"dragend" 等。确保正确指定事件名称，否则事件绑定将无效。 - 事件处理程序错误：
map.on()的第二个参数应该是一个函数，用于处理指定的事件。请检查传递的函数是否正确编写，并确保它可以执行预期的操作。 - 地图对象未完全加载：在地图对象完全加载之前，尝试绑定事件可能会失败。确保等到地图对象加载完成后再执行绑定操作，可以使用相应的地图事件或回调函数来确定地图是否加载完成。
- 地图对象ID错误：如果在绑定事件时提供的地图对象ID不正确，
map.on()也可能不起作用。确保提供正确的地图对象ID，以确保事件绑定正确应用到相应的地图。
总而言之，解决 map.on() 方法不起作用的问题需要仔细检查地图对象的实例化、事件绑定、事件处理程序以及地图加载等方面的情况，找出可能的问题所在。另外，为了更好地满足您的需求，我建议您在使用腾讯地图 JavaScript API 时参考腾讯云提供的相关文档和示例代码，以便更深入地了解该 API 的用法和推荐的最佳实践。
请注意，腾讯云提供了丰富的云计算服务和产品，特别是在人工智能和物联网领域。如果您需要更多关于云计算、云服务或腾讯云的信息，我可以为您提供相关的帮助和建议。
相关·内容
5回答
var map = L.map('map');
var marker = L.marker([10.496093,-66.881935]).on('click', onClick);
function onClick(e) {alert(e.latlng);}
marker.addTo(map)
当我单击标记时，警告消息是: undefined
但是如果我把它放在变量map中，它就能工作！(显示纬度和经度)
map.on('click', onClick);
有人知道为什么它在标记中不起作用吗？
浏览 2提问于2013-06-05得票数 76
回答已采纳
如何检测Mapbox或传单何时进入或退出全屏模式？
我找到了，有人这么说：
文件上说：
Map.on(‘全屏更改’，函数() { if (map.isFullscreen()) {console.log(‘输入全屏’)；}console.log(‘退出全屏’)；})；
如果不起作用，请使用以下方法：
map.on('enterFullscreen'，function(){ })；map.on('exitFullscreen'，function(){ }；
我尝试过这一点，以及事件类型参数的一些变化。没有骰子。
而且，没有提到这方面的事件。
请注意，我正在
浏览 1提问于2018-04-20得票数 1
回答已采纳
我正在尝试使用mapbox gl添加一个事件侦听器到一个图像层，但是它似乎不起作用，这种类型的层可能吗？下面是一个演示这个问题的代码：
var mapStyle = {
'version': 8,
'sources': {},
'layers': []
}
var map = new mapboxgl.Map({
container: 'map',
maxZoom: 5,
minZoom: 1,
zoom: 5,
center: [-75.789, 41.874],
style: mapSt
浏览 0提问于2019-03-28得票数 1
设置地图后，我很难理解如何停止事件侦听器。这里还有另外两个类似的问题，但经过努力，我无法让它为我工作。
设置事件侦听器的代码很简单：
map.on("move", function() {
console.log("foo");
}
})
我怎么能随心所欲地阻止这一切？我试过map.off('move');，但这对我不起作用。我也看过的文档，但也没有任何进展。
这些文档表明，我需要两者：
键入(字符串)要删除侦听器的事件类型。
要删除的侦听器函数。
但是，我不知道我应该用什么做倾听者。(这就是为什么我
浏览 2提问于2022-04-26得票数 0
回答已采纳
2回答
我使用传单绘图插件。
我的目标是创建标记并显示弹出，在其中我可以获得纬度和经度坐标。
我设法通过javascript警报获取这些坐标，但我肯定不知道如何将坐标放入弹出。
下面是片段：
map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
if (type === 'marker') {
map.on('click', function(e) {
浏览 1提问于2014-06-25得票数 4
回答已采纳
1回答
当使用鼠标轮时，我试图触发一个事件：
map.on('mousewheel', function() {
alert('foo');
});
但这似乎不起作用，“车轮”也不起作用。有什么想法吗？
浏览 1提问于2020-02-05得票数 2
回答已采纳
1回答
我正在使用传单和Leaflet.draw创建一个地图。当我在地图上(以用户身份)绘制一个矩形时，下面的代码将写出该矩形的LatLng边界。
// add the newly drawn items to a layer
map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
// binds things upon creation
if (type === 'rectangle&
浏览 6提问于2016-08-17得票数 1
回答已采纳
我试图读取谷歌map_click事件的坐标。我试过：
map.on(GoogleMapsEvent.MAP_CLICK).subscribe((e) => {
console.log(e.LatLng.lat());
})
这不起作用。
我通过离子本机输入googlemap。
浏览 5提问于2017-03-28得票数 2
回答已采纳
是否有方法在mapbox中的单个事件侦听器中添加多个层？将来我会添加更多的层，所以我希望我的代码在将来看起来会很复杂。任何帮助都将不胜感激。谢谢!
map.on('click', 'lots', (e) => {
showLotPopup(e)
});
map.on('click', 'lots-missing_data', (e) => {
showLotPopup(e)
});
map.on('click', 'lots-appraised', (e) =>
浏览 3提问于2022-10-17得票数 0
回答已采纳
1回答
下面是我们的模式，从我们的小叶地图返回坐标。
//Schema
name: {
type: String,
required: true,
trim: true
},
properties:{
},
coordinates: [Number]
,
email: {
type: String,
unique: true,
required: true,
trim: true
},
这是代码，在单击时将坐标返回到我们的表单。但它不是以数字形式返回，而是以字符串形式返回。在我们的表单中，怎样才能使输入成为数字呢？我们尝试了几种方法，但都不起作用。
map.on('clic
浏览 2提问于2018-07-28得票数 0
在中，您可以创建一个多边形，然后单击它并弹出菜单显示。有三个按钮:编辑，删除和选择一个颜色。如何检测事件并确定在弹出菜单中执行了哪些事件--删除或编辑？当其中一个事件被执行时，我想要执行一些操作，例如当一个多边形被编辑或删除时。它的标准方式：
map.on('draw:created', function (evt) {
layer = evt.layer;
// do something when polygon is created
});
map.on('draw:edited', function (evt) {
浏览 2提问于2017-10-21得票数 1
回答已采纳
1回答
是否可以以这种方式为多个事件创建触发器？
map.on('click, dragstart, zoomstart', eventHandler);
如果不是，那么触发多个事件的相同事件处理程序的下一个最佳方法是什么？
map.on('click', eventHandler);
map.on('dragstart', eventHandler);
map.on('zoomstart', eventHandler);
浏览 0提问于2013-02-04得票数 9
回答已采纳
我正在使用D3+leaflet，我有一个问题-当我放大时，我的SVG元素似乎消失在地图框架的范围之外。这意味着，当我放大地图，然后拖动到不同的框架时，SVG元素不会加载。所以我想为拖动事件执行一个map.on( )函数，但是我遇到了麻烦。
因此，当您放大时，重新绘制SVG可以很好地使用map.on("viewreset") -但map.on("drag")或map.on("dragend")似乎没有任何效果。
var cheat_function = function() { reset(data); drawHour( orderedCol
浏览 2提问于2015-08-07得票数 1
所以这是一个相当简单的问题，我已经通过使用assertEquals解决了这个问题，但我只是好奇为什么这个方法不起作用：
assertThat(list.get(0).getStringValue().equals("1234567811"));
在调试期间检查变量后，即使检索到的字符串不匹配，上面的行也会被算作pass。
当我使用：
assertEquals(list.get(0).getStringValue(), "1234567811");
它可以正确地拾取错误。
我的理解是assertThat也应该对此起作用，所以我很好奇为什么它不起作用？
谢谢
浏览 16提问于2019-07-12得票数 3
回答已采纳
1回答
是否可以在某个特定的缩放级别隐藏传单地图上的标记？
我试过了：map.on('zoomend', onZoomend); function onZoomend(){if(map.getZoom()>11){map.removeLayer(markername);}
但它不起作用，尽管它是几何学的情况。
我不是指标记簇。
浏览 2提问于2017-02-10得票数 3
回答已采纳
如何在Openlayers 3中禁用DragPan交互(当已经定义了地图时)？
还有，为什么我不能使用mousemove事件？
我正在做这件事：map.on('mousemove',function(e){ ...});，但它不工作。
浏览 0提问于2015-03-17得票数 11
回答已采纳
我需要在用户单击的点周围创建一个扇区。我该怎么做呢？
我可以创建一个"circle“类型的图层，用于将数据显示为圆，但如何获取扇区
浏览 6提问于2018-11-05得票数 0
2回答
点击事件坐标
、、、
我对“不对称”/“ngx-传单”很陌生，所以这可能只是个新手问题.
我有一个Angular.io (v5)项目使用
现在我想得到我在地图上点击的点的坐标。根据的说法，我添加了以下内容：
map.on('click', () => { console.log(e.latlng); });
至：
onMapReady(map: Map) {
map.fitBounds(this.route.getBounds(), {
padding: point(24, 24),
maxZoom: 12,
animate: true
浏览 0提问于2018-02-12得票数 8
回答已采纳
我试图改变我的多边形的颜色后，我改变了基底。我用过setDrawingOptions，但它不起作用.
当我在setDrawingOptions之前和之后记录对象时，它会发生变化。但是我没有看到已经绘制的多边形上的变化，当我画一个新的多边形时，它用新的颜色绘制。
我用的是传单0.7.x
map.on('baselayerchange', function(){
map.drawControl.setDrawingOptions({
polygon: {
shapeOptions: {
color: "#fff"
浏览 0提问于2018-07-09得票数 1
回答已采纳
1回答
我想改变鼠标点击mapboxGl上的功能。我需要在地图上实现右击平移，但没有关于它的文档。因此，我试图禁用地图旋转在右击和启用摇摄，但没有任何工作，它只是禁用旋转，但摇摄没有触发。
我想知道是否有一种以编程方式启动并停止拖动/平移的方法，我知道您可以启用它，但我需要实际开始摇摄。
为了让它变得干净和简单，我想你可以在mousemove上添加侦听器，然后改变地图的边界，但是它看起来不太好。有什么更简单的方法来启动dragPan吗？
浏览 2提问于2019-11-18得票数 0
回答已采纳
当我在var view之后添加map.on("singleclick", function(event)时，我注意到getView() ( )方法停止工作。有人能告诉我为什么会发生这种事吗？在我的浏览器控制台中，我得到以下错误：
TypeError:地图未定义
这是我的代码：
map.on("singleclick", function(event) {
var map = evt.map;
var feature = map.forEachFeatureAtPixel(
event.pixel, function(feature, layer) {
浏览 0提问于2016-03-07得票数 0
回答已采纳
1回答
可以在Mapbox中从文本标签层生成弹出窗口吗？ 下面的代码从多边形生成弹出窗口： map.on('load', function () {
map.on('mousemove', 'state-shape', function (e) {
var features = map.queryRenderedFeatures(e.point, {
layers: ['state-shape'] // the name of
浏览 12提问于2020-01-23得票数 0
回答已采纳
我似乎不能为触摸事件添加事件侦听器。只有搬家才会被解雇。
map.on('zoomend', mapEvent);
map.on('moveend', mapEvent);
map.on('touchmove', mapEvent);
map.on('touchstart', mapEvent);
这些工作都没有
map = new ol.Map({
eventListeners: {
"zoomend": mapEvent,
"change
浏览 1提问于2015-07-28得票数 0
我有一个接口，在这里，当地图被拖动时，在地图上画一个矩形。
我已经通过这个创建了这个功能的简化版本。用于柱塞的JS是这样的：
var map = new L.Map('leaflet', {
layers: [
new L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
'attribution': 'Map data © <a href="http://openstreetmap.o
浏览 2提问于2018-04-27得票数 1
回答已采纳
1回答
我正在尝试找出一个数组是否为空。我试过了，但它不起作用。
a = []
if a == []
alert "empty"
我知道我可以检查数组的长度，但我很好奇为什么这不起作用。
浏览 0提问于2014-06-17得票数 3
我试图通过另一个函数调用将一个参数传递给一个函数。
function cursorViaFun(b){
map.off('click');
map.on('click', funcToBeCalled);
}
在map.on方法中，我需要能够调用一个函数，该函数将被命名为funcToBeCalled+(值b)，或者通过该函数可以将b作为参数map.on传递(‘click’，funcToBeCalled(b))；
浏览 3提问于2014-08-11得票数 0
回答已采纳
我得到了我想要的结果()，但我只是好奇为什么这个()不起作用。为什么在超文本标记语言中第一个列出的div必须是要浮动的那个？
浏览 2提问于2013-06-02得票数 1
2回答
语言: React/JavaScript ES6
捆绑工具:Webpack(Babel-Loader6.0.0)
涉及的其他自由贸易组织:传单
问题：
使用上下文下面的函数，this将根据我的需要绑定到组件。
以前：
componentDidMount: function() {
map.on('draw:created', function(e){
this.setState({someProp:propUpdate});
featureGroup.addLayer(e.layer);
}.bind(this));
浏览 5提问于2016-07-02得票数 2
2回答
我正在尝试创建一个tap+hold事件来创建一个新的标记位置(点击+按住事件仅适用于移动应用程序)；这些事件处理程序无法按预期工作(发生了一些覆盖)
我尝试使用map.on('touchstart'...)、map.on(‘mousedown’)和其他变体，但事件代码只在touchend或mouseup完成后触发。
me.mapLibObj.on( 'touchstart', function(e)
{
if ( ! me.mapTapHoldInterval )
{
me.mapTapHoldInterval = setInt
浏览 3提问于2019-06-03得票数 4
我用AngularJS构建了一个简单的地图应用程序。由于主ctrl有太多的逻辑，所以我为navbar构建了第二个控制器。在此之前一切都很顺利。现在我把map.on(“缩放”)外包出去了重构主控制器时的函数。
现在的问题是，当navbar控制器文件被缩小时(通过咕噜构建uglify)，我得到以下错误：
无法读取未定义的
这意味着，map是未定义的，即使它是在文件的顶部声明的，而且我在localhost (grunt serve)上没有问题。
Navbar Ctrl：
'use strict';
angular.module('angularMapApp')
浏览 1提问于2016-03-18得票数 0
我试图使用从官方OL3示例页面中获取的以下方法创建鼠标悬停事件：
我需要触发行动时，只有当盘旋在一个特定的层。在查阅了正式文档之后，我发现您可以在hasFeatureAtPixel中使用一个层过滤函数，但它似乎不起作用。
map.on('pointermove', function(evt) {
if (evt.dragging) {
return;
}
var pixel = map.getEventPixel(evt.originalEvent);
var hit = map.hasFeatureAtPixel(pixel,
浏览 8提问于2016-09-06得票数 1
回答已采纳
3回答
不管人们为什么要这样做，我只是好奇地想知道它是否可以做到。
下面是我的不起作用的代码：
if (!Debugger.IsAttached)
{
try
{
Debugger.Launch();
while (!Debugger.IsAttached)
{
Thread.Sleep(1000);
}
}
catch (System.Security.SecurityException e)
{
Console.WriteLine("excepti
浏览 0提问于2011-09-18得票数 9
回答已采纳
如何删除层后的‘移动’命令，然后这同一层重新添加？
详细信息：
我想在MySQL的传单中添加超过60000分，使用getJSON。考虑到大量的点数，我只想在BBOX中显示点。首先在MySQL中发送BBOX坐标：
map.on('moveend', function() {
$.ajax({
type: "POST",
url: "storeCoordinateBBOX.php",
data: { sjever: map.getBounds()._northEast.lat, jug: ma
浏览 3提问于2016-12-01得票数 0
回答已采纳
好的，我有一个表单，它在POST数组中向我发送数组。我试着这样读它：
$day = $this->input->post("days")[0];
这不起作用。PHP会说“意外的'['”。为什么这不起作用？
我通过这样做来修复它：
$days = $this->input->post("days");
$day = $days[0];
我解决了我的问题，我只是好奇为什么第一种方法不起作用。
浏览 2提问于2010-06-25得票数 10
回答已采纳
我刚开始学习颤音，所以我很好奇为什么这种颜色不起作用，但其他人却这样做。
void main() {
runApp(
MaterialApp(
title: 'Hey',
theme: ThemeData(primarySwatch: Colors.deepPurpleAccent),
home: Scaffold(
appBar: AppBar(
title: Text('Heyyy'),
),
body: Center(
c
浏览 4提问于2020-10-22得票数 1
回答已采纳
1回答
我想导出我的地图(与mapbox gl js控件)到png图像。但我不明白为什么记号消失了。
我的例子 (点击地图导出为png)
map.on('click', function (e) {
var img = map.getCanvas().toDataURL();
console.log(img)
$('body').html('<img src="'+img+'"/>');});
});；
浏览 1提问于2017-03-21得票数 1
如标题所示： cd mypath 。。好的..。 echo mypath | cd 为什么这样的东西不起作用呢？ (我不需要它做任何事，只是好奇)
浏览 27提问于2019-09-14得票数 0
回答已采纳
我只是好奇为什么在像我这样的系统上，我必须使用java -cp。而仅仅在终端窗口中使用java命令就不起作用了？
浏览 5提问于2013-08-22得票数 1
回答已采纳
我正在学习java，我被告知这个包是默认提供给每个类的，因为它的方法太常见了。我想我会试着导入它，看看会发生什么。我知道它不实用，而且可能很贵，但我很好奇为什么从技术角度看它不起作用。
import javax.lang.*；//为什么这个不起作用。
浏览 4提问于2017-02-07得票数 0
我正在寻找在zoomend和/或moveend上触发的事件。
基本上，我有一个弹出窗口，需要在这些事件之后发生，该弹出窗口取决于queryRenderedFeatures，只有当它们在地图视图中时才能查询。
如果没有zoomend，我目前使用的是setTimeout函数，但这并不理想。
是的，我可以在这两个函数之后附加函数，但这会变得很混乱。
我看到有一个map.on('data')事件，但是有map.on('data.load')或类似的东西吗，就像在map.on('style.load')上一样？
我想要的是在不再有任何map.on('
浏览 1提问于2016-12-21得票数 1
我很好奇为什么我不让它起作用。
我很好奇，为什么它不能返回真实呢？
在Python中，这种逻辑在返回级别不起作用吗？
我的代码：
# -*- coding: UTF-8 -*-
import os
def output_username(username):
if print(username):
return True
return False
def output_score(score):
if print(score):
return True
return False
def output_stat
浏览 2提问于2017-05-25得票数 0
回答已采纳
1回答
我猜不是因为我一直在用例子来尝试，但都不起作用……
我很好奇为什么不呢？我该怎么设置呢？
谢谢
浏览 0提问于2010-08-29得票数 0
回答已采纳
2回答
如何禁用或隐藏覆盖下功能的事件？事件"map.on (‘SingleClick'“)是很好的，但不是”事件map.on (’后移动“)下面的标记。
你有什么主意吗？
浏览 1提问于2016-04-05得票数 1
回答已采纳
1回答
Gatsby项目-当状态与所需路由更新时，尝试突出显示Mapbox路由。
目前的执行情况：
functionParent将更新后的列表转发给其他组件以显示路由列表，其中一个listItems gets hoveractiveItem state updatedactiveItem使弹出弹出显示当前地图>>>>不工作的
由于mapbox映射似乎只在useEffect钩子中正确加载，因此我没有看到基于父activeItem的弹出窗口出现的任何其他方式。如果有其他选择，请告诉我！
我尝试过的方法：
从useEffect钩子提取映射并在普通const ->错误中实例化它:
浏览 3提问于2021-05-23得票数 0
回答已采纳
我在弄清楚为什么mouseover事件不能与mapbox gl一起工作时遇到了一些麻烦。
map.on('load', function() {
var geoJson = '{
"type": "FeatureCollection",
"crs": {
"type": "name",
"properties": {
"name": "urn:ogc:def:crs:OGC:1
浏览 34提问于2016-09-19得票数 2
回答已采纳
我有点好奇为什么这个不起作用
JavaScript：
function evaluate(){
console.log(42);
}
HTML：
<a onclick="evaluate()">Click Me!</a>
evaluate是html中某处的保留关键字吗？
浏览 3提问于2013-02-08得票数 9
回答已采纳
我正在尝试在地图拖动时调用一个事件，或者我想在地图中心发生变化时获得经度和经度。我正在使用cordova-plugin-googlemaps，它为google地图提供了原生api。
map.on(plugin.google.maps.event.CAMERA_CHANGE, function(latLng) {
alert("Map is dragging.\n");});
这不起作用。虽然像MAP_CLICK这样的事件。
浏览 0提问于2016-11-16得票数 1
我希望用户能够打开状态更改EasyButton，在地图上选择一个区域(通过按住Shift键并拖动鼠标)，然后一旦松开鼠标，就会自动关闭easy按钮。现在，你打开easybutton，选择一个区域，为你提供一个边界框的经纬度。效果很好。但是，当您单击以禁用EasyButton时，它会覆盖您的选择(将新坐标指定给您单击的EasyButton所在的区域)。我的代码：
var stateChangingButton = L.easyButton({
states: [{
stateName: 'ButtonOff'
浏览 2提问于2017-06-25得票数 1
回答已采纳
每次用户点击地图时，我都会尝试切换focus_img_id的状态。这是一个逻辑代码片段，它将用于突出显示用户单击的点，然后在第二次单击时将其恢复到原来的颜色。
1 ->为什么集合focus_img_id === 0总是计算true
2 ->为什么切换在这里而不是在1中工作。
2 ->为什么要多次开火？
CodeSandbox -
import React, { useRef, useEffect, useState } from "react";
import mapboxgl from "mapbox-gl"; // eslint-disa
浏览 2提问于2022-01-03得票数 2
3回答
只是好奇为什么这不起作用：
HTML：
CSS：
但是当我用chrome启动它时，HTML似乎不受CSS的影响。文本是黑色的，没有被更改。有人知道怎么修吗？
浏览 2提问于2015-07-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
