mapbox-gl:弹出气泡
}地图开发中,弹出气泡的功能也是经常使用到的,显示poi的详细信息,加载一些多媒体的信息,同时,气泡跟随对应poi的位置进行移动。 mapbox-gl有对应的弹出气泡实现:Popup,通过初始化气泡对象就能够实现气泡的效果。 气泡通过 setLngLat 设置气泡在地图上的位置,这样才能随着地图移动而进行变化。 点击一个poi,显示气泡的效果: map . on ( 'click' , 'places' , function ( e ) { //获取点击对象的坐标信息 var coordinates = e . features [ 0 ] . geometry . coordinates . slice ( ) ; //气泡的内容放在图层源数据的属性中 var description = e . features [ 0 ] . properties . description ; //添加气泡到地图上 new mapboxgl . Popup ( ) . setLngLat ( coordinates ) . setHTML ( description ) . addTo ( map ) ; } ) ; 鼠标移动到对象上,显示气泡的事件: map . on ( 'mouseenter' , 'places' , function ( e ) {}); 鼠标移出对象