【问题标题】:Mapbox.js tooltips - position over marker, but don't follow mouseMapbox.js 工具提示 - 定位在标记上,但不要跟随鼠标
【发布时间】:2014-05-05 03:35:02
【问题描述】:

有没有办法让 Mapbox.js 工具提示在您将鼠标悬停在标记上时显示而无需跟随鼠标?我只是希望它在我悬停时保持不变。

我在我的地图上使用以下代码:

var map = L.map("impact-map")
    .setView([20, 80], 3)
    .addLayer(L.mapbox.tileLayer("hotchkissmade.in_impact", {
        detectRetina: true
    }));

var myGridLayer = L.mapbox.gridLayer('hotchkissmade.in_impact').addTo( map );
var myGridControl = L.mapbox.gridControl(myGridLayer, { 
    follow: true
}).addTo( map );

我正在使用示例here 中的follow:true

免责声明:我知道gridControl 之外可能有更多的灵活性,但我喜欢使用 Tilemill 提供的工具提示,因为我不想在浏览器中加载数据两次,因为我基于工具提示在 Tilemill 的地图上制作标记的图层数据

【问题讨论】:

  • 不将follow 设置为true...怎么办?
  • @sfletche 会让工具提示贴在右上角。

标签: tooltip mapbox tilemill


【解决方案1】:

gridControl 无法做到这一点 - 您可以让工具提示跟随鼠标或停留在特定位置,但与 L.mapbox.featureLayer 不同的是,没有实际的标记、多边形或您悬停的要素- 几何图形不会被推送到客户端 - 因此,工具提示将没有“锚点”。

【讨论】:

  • 是否可以使用L.mapbox.featureLayer 来使用gridControl 用来烘焙我自己的相同数据?
  • 两者不同:gridControl和featureLayer分别使用UTFGrid和GeoJSON。它类似于 PDF 是矢量,图像是光栅。您需要直接包含源数据才能使用 featureLayer。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多