mapboxGL多图对比

概述

前面的文章mapboxGL卷帘里面实现的时候已经有涉及多图联动了,本文在此基础上进一步优化,加入鼠标位置展示。

效果

GIF.gif

实现思路

  1. 注册map的mouseover事件,给当前移入的地图注册map的move事件;
  2. 注册map的mouseout事件,给当前移出的地图取消map的move事件;
  3. 注册map的mousemove事件,获取当前的鼠标位置,在其他地图上展示鼠标位置,鼠标位置的展示通过marker来实现;

实现代码




  
  Title
  
  


你可能感兴趣的:(mapboxGL多图对比)