如何在传单中定义其他工具提示()

时间:2018-04-20 16:48:08

标签: javascript jquery leaflet gis

我已经使用了一个tooltip()函数。

array_flip

现在我需要创建一个新的工具提示。例如,名称为tooltip2()。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

您实际上可以继续使用此功能多次!

L.tooltip({
  permanent: true,
  direction: 'center',
  className: 'text'
})
  .setContent("Hello")
  .setLatLng([38.8, -77.1])
  .addTo(map);

L.tooltip({
  permanent: true,
  direction: 'center',
  className: 'text'
})
  .setContent("World")
  .setLatLng([38.7, -77.1])
  .addTo(map);

但是,由于您正在使用工具提示中的要素和图层,因此您似乎在遍历geojson数据。在这种情况下,您只需编写一次即可:

L.geoJSON(geojson, {
  onEachFeature: (feature, layer) => {
    L.tooltip({
      permanent: true,
      direction: 'center',
      className: 'text'
    })
      .setContent(feature.properties.name)
      .setLatLng(layer.getLatLng())
      .addTo(map);
  }
}).addTo(map);

如果您要命名工具提示或要素层以便稍后在代码中再次使用它们,则可以将其设置为:const featureLayer = L.geoJSON...const text = L.tooltip...

这是一个向地图添加弹出窗口,工具提示,要素图层并调整弹出窗口和工具提示css(包括方向三角形)的工作示例: https://repl.it/repls/NeighboringConventionalPhp