react new AMap()绑定鼠标事件

一时失言乱红尘 2021-11-29 17:16 337阅读 0赞

我的需求是这样的，当我每点击一条数据时，需要每次重新渲染地图上的点，并且点上有`鼠标事件`（移上查看详情，点击查看轨迹）  
点的创建使用了`new AMap.Marker()`的方式(当然for循环  标签应该也可以)，  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyMzM4OTYy_size_1_color_FFFFFF_t_7]

//点的创建
    	let newMarker=new window.AMap.Marker({ 	//用window.出来是因为react-amap对react页面融合不是很友好，有时候会报错
            position: [x,y],					//经纬度
            icon: 'https://xxx.com/static/img.png',//地图节点样式
            map: this.map,
            clickable: true, 					//是否可点击
          });

点的创建一点问题没有，鼠标事件百度了半天没找到有用的，最后硬怼给他怼出来了

window.AMap.event.addListener(newMarker, 'mouseover', () => { //里边写要执行的函数});
     window.AMap.event.addListener(newMarker, 'mouseout', () => { //里边写要执行的函数});
     window.AMap.event.addListener(newMarker, 'click', () => { //里边写要执行的函数});

部分细节忽略了，希望此文对你有帮助

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQyMzM4OTYy_size_1_color_FFFFFF_t_7]: /images/20211129/4a000229c6594b61b21491f74f23a556.png

发表评论取消回复

表情：

评论列表（有 0 条评论，337人围观）

还没有评论，来说两句吧...

相关阅读

相关【React】React绑定事件

目录一、前言二、React元素事件处理与DOM元素区别三、React绑定事件与HTML绑定事件写法区别 1、HTML通常写法

亦凉/ 2023年10月16日 14:09/ 0 赞/ 56 阅读

相关 vue鼠标事件绑定

1.绑定vue的根节点，所有vue操作的对象都在这个根节点中 ![在这里插入图片描述][20191009220005473.png] 2.初始化vue,el为绑定的根

心已赠人/ 2023年06月06日 03:51/ 0 赞/ 34 阅读

相关【React】绑定事件为什么会this丢失

关于React在近几天的学习中遇到了一个问题？（绑定事件this丢失）首先我们现在了解一下类中传递this的指向方式 1. 这个看起来似乎没什么问题？可以你接着往下看

谁践踏了优雅/ 2022年12月21日 03:26/ 0 赞/ 195 阅读

相关 php 事件绑定,php实现事件绑定

class EventHandle \{ private static $\_map = array(); //类似jquery绑定事件 public function

谁践踏了优雅/ 2022年11月12日 12:54/ 0 赞/ 341 阅读

相关列表元素事件委托绑定鼠标右键事件

let divBox = document.querySelector('workspace_row-grid'); //事件委托给对应的元素列表绑定事件

短命女/ 2022年09月15日 05:44/ 0 赞/ 200 阅读

相关 React 项目--button 绑定事件（15）

不知不觉中写博客已经成为了一种习惯，不仅仅是一种学习知识吧，也是一种清楚自己学习了那些的内容。在前面的博客中我们慢慢的介绍了一些react基本的语法，现在我们继续来react按

女爷i/ 2022年09月05日 14:57/ 0 赞/ 221 阅读

相关 jQuery——事件篇( 鼠标、表单、键盘、事件绑定和解绑、事件对象、自定义事件)

鼠标事件 click()与dbclick()事件  <div id="test">点击触发<div> $("ele").

亦凉/ 2022年07月14日 12:59/ 0 赞/ 260 阅读

相关 react事件系统之事件绑定

[NodeNote][]，持续更新中[react相关库源码浅析][react]， [react ts3 项目][react ts3] 概述，背景 <div id

左手的ㄟ右手/ 2022年01月12日 01:47/ 0 赞/ 262 阅读

相关 react+ES6(事件绑定)

最近一直在看react。之前看react的时候很多都是旧的写法（es5），这几天因项目要求把es6和react一起结合看了一下，自己也写了几个demo，想把这些demo拿出来分

以你之姓@/ 2022年01月07日 23:27/ 0 赞/ 314 阅读

相关 react new AMap()绑定鼠标事件

我的需求是这样的，当我每点击一条数据时，需要每次重新渲染地图上的点，并且点上有`鼠标事件`（移上查看详情，点击查看轨迹）点的创建使用了`new AMap.Marker()

一时失言乱红尘/ 2021年11月29日 17:16/ 0 赞/ 338 阅读