簡體   English   中英

Leaflet.js-標記與疊加層重疊

[英]Leaflet.js - markers get overlapped with overlay

我對Google Maps,OSM和Yandex Maps圖層以及Yandex Maps交通疊加具有leaflet.js圖層控制(只是顯示交通的彩色線)

我使用以下用於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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM