0

在我使用传单 api 的应用程序中，我可以在它们之间放置两个门标记和折线。

在这里，我只是想找出将 css 中的图像放在应该适合两个标记之间的折线上的方法。我知道图像具有宽度和高度。

我相信一定有一些 css 技巧可以做到这一点，尽管由于对传单的了解有限，我不能使用填充图案方法。

脚本（在它们之间放置两个标记和线）

var polylineGate2 = new L.Polyline([], { color: 'yellow' });
            function gatePlace2(e) {
                // New marker on coordinate, add it to the map
                new L.Marker(e.latlng, { icon: gateIcon, draggable: false }).addTo(currentFeatureGroup);
                // Add coordinate to the polyline
                polylineGate2.addLatLng(e.latlng).addTo(currentFeatureGroup);
                var decorator = L.polylineDecorator(polylineGate2, {
                    patterns: [
                        // define a pattern of 10px-wide dashes, repeated every 20px on the line
                        { offset: 5, repeat: '20px', symbol: new L.Symbol.dash({ pixelSize: 4 }) }
                    ]
                }).addTo(currentFeatureGroup);
                map.off('click', gatePlace2);
                polylineGate2 = new L.Polyline([], { color: 'pink' });
            }

我正在寻找解决方案，但没有在线获得帮助，如果有人知道这种事情，请帮助。

4

1 回答 1

1

我不会为此使用 CSS。

相反，我会计算中间点的坐标并在那里放置一个自定义标记。

于 2015-10-04T15:47:15.300 回答