Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何显示可能溢出地图容器的标记工具提示？_Javascript_Css_Leaflet - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何显示可能溢出地图容器的标记工具提示？

Javascript 如何显示可能溢出地图容器的标记工具提示？

javascript css leaflet

Javascript 如何显示可能溢出地图容器的标记工具提示？,javascript,css,leaflet,Javascript,Css,Leaflet,在我的地图中，我必须显示一些附加了相对较大工具提示的标记（一个大约100x200px的div）。地图容器本身的高度约为350px，因此您经常会遇到工具提示在地图边界处被切断的情况 从我所看到的，地图容器有overflow:hidden在CSS中设置，这是因为瓷砖的显示方式（它们在容器下移动）。当我将溢出设置为可见时，它似乎可以工作，但随后地图会淹没页面 是否有插件或最佳实践可以在不完全更改引擎盖下的传单的情况下实现所需的行为？这里有一个可能的解决方案，不是将tootip附加到地图容器，而是将其作

在我的地图中，我必须显示一些附加了相对较大工具提示的标记（一个大约100x200px的div）。地图容器本身的高度约为350px，因此您经常会遇到工具提示在地图边界处被切断的情况

从我所看到的，地图容器有
overflow:hidden在CSS中设置，这是因为瓷砖的显示方式（它们在容器下移动）。当我将溢出设置为可见时，它似乎可以工作，但随后地图会淹没页面


是否有插件或最佳实践可以在不完全更改引擎盖下的传单的情况下实现所需的行为？
这里有一个可能的解决方案，不是将tootip附加到地图容器，而是将其作为
document.body的最后一个子项附加，然后只需调用
getBoundingClientRect（）
在标记DOM节点上悬停或单击，并使用它将tootip定位到标记节点旁边。这样，您的tootip就不会受到地图容器大小的约束