如何解决停止按比例缩放弹出窗口-反应传单
我已经使用react在传单中的地图上添加了一些弹出窗口,并且想知道当用户放大和缩小地图时是否存在阻止它们缩放的方法。我基本上想让它们和其中的文本保持其大小,即使地图完全缩小时也是如此。我对编码相当陌生,但是尝试使用不同的传单组件和不同的CSS选项,但没有任何效果。 谢谢您的帮助!
解决方法
这是可能的,但不能通过使用<Marker />
来实现。您必须以<ImageOverlay />
的身份进行操作。查看L.imageOverlay
以了解其工作原理,并查看ImageOverlay
以了解react-leaflet如何实现它。您可以将这些colored marker images用作ImageLayer的来源。
就弹出窗口而言,您可能需要在className
>上使用<Popup /
道具,并使它动态响应地图的当前缩放级别,以便根据放大。或拍摄弹出窗口的图片,并将其包含在ImageOverlay
的源图像中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。