react new AMap()绑定鼠标事件

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

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

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

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

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

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

发表评论

表情：
评论列表 （有 0 条评论，388人围观）

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

相关阅读

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

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

    女爷i女爷i/ 0 赞/ 263 阅读

    相关 react+ES6(事件绑定)

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

    以你之姓@以你之姓@/ 0 赞/ 364 阅读