我有传单.js谷歌地图、OSM 和 Yandex 地图图层以及 Yandex 地图交通叠加层的图层控制(它只是显示交通的彩色线条)
我使用以下插件用于Google和Yandex地图,将其放入传单中:https://github.com/shramov/leaflet-plugins
这是我的代码:
var map = new L.Map('map', { center: new L.LatLng(59.94, 30.29), zoom: 10, zoomsliderControl: true,
scrollWheelZoom:true, zoomAnimation: false });
var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osm = new L.TileLayer(osmUrl, {attribution: '', maxZoom:18 });
var yndx = new L.Yandex("", {attribution: ''});
var ytraffic = new L.Yandex("null", {traffic:true, opacity:1, overlay:true });
var googleLayer = new L.Google('ROADMAP');
var layersControl = new L.Control.Layers({"Yandex":yndx, 'OSM':osm, 'Google':googleLayer}, {"Traffic":ytraffic});
map.addControl(layersControl);
map.addLayer(yndx);
L.marker([59.94, 30.29], {icon: new L.Icon({iconUrl: "../css/car.png", iconAnchor: new L.point(16, 37), iconSize: new L.point(64, 38)}) }).addTo(map);
问题是交通线叠加在地图上重叠标记。据我所知,这不应该发生,因为覆盖窗格通常位于标记窗格下方。
请告知如何设置标记高于交通线。
我在 GitNub 上发现这是已知问题,顶部的第三条评论帮助了我:https://github.com/shramov/leaflet-plugins/issues/97