Leaflet: рдЬрд┐рдпреЛрд╕рди рдкреЙрдЗрдВрдЯрд░рдЗрд╡реЗрдВрдЯреНрд╕ = 'рдХреЛрдИ рдирд╣реАрдВ' рдХреЛрдИ рдкреНрд░рднрд╛рд╡

рдХреЛ рдирд┐рд░реНрдорд┐рдд 3 рдлрд╝рд░ре░ 2017  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: Leaflet/Leaflet

  • [X] рдореИрдВ рдПрдХ рдмрдЧ рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдорджрдж рдирд╣реАрдВ рдорд╛рдВрдЧ рд░рд╣рд╛ рд╣реВрдВ
  • [рдПрдХреНрд╕] рдореИрдВрдиреЗ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдХреЛ рджреЗрдЦрд╛ рд╣реИ рдХрд┐ рд╡реНрдпрд╡рд╣рд╛рд░ рджрд╕реНрддрд╛рд╡реЗрдЬ рдФрд░ рдЕрдкреЗрдХреНрд╖рд┐рдд рд╣реИ
  • [рдПрдХреНрд╕] рдореБрдЭреЗ рдпрдХреАрди рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдкрддреНрд░рдХ рдХреЛрдб рдореБрджреНрджрд╛ рд╣реИ, рдореЗрд░реЗ рдЕрдкрдиреЗ рдХреЛрдб рдХреЗ рд╕рд╛рде рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ рдФрд░ рди рд╣реА рдореИрдВ рдЬрд┐рд╕ рдврд╛рдВрдЪреЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ (рдХреЙрд░реНрдбреЛрд╡рд╛, рдЖрдпрдирд┐рдХ, рдХреЛрдгреАрдп, рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛тАж)
  • [X] рдореИрдВрдиреЗ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореБрджреНрджреЛрдВ рдХреА рдЦреЛрдЬ рдХреА рд╣реИ рдХрд┐ рдпрд╣ рдЕрднреА рддрдХ рд░рд┐рдкреЛрд░реНрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ

рдХреИрд╕реЗ рдкреБрди: рдкреЗрд╢ рдХрд░реЗрдВ

  • рдкрддреНрд░рдХ рд╕рдВрд╕реНрдХрд░рдг рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ: 1.0.3
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ (рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде) рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ: рдХреНрд░реЛрдо 55
  • OS/рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо (рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде) рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ: Windows

рдореИрдВ рдХрд┐рд╕ рд╡реНрдпрд╡рд╣рд╛рд░ рдХреА рдЕрдкреЗрдХреНрд╖рд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдХреМрди рд╕рд╛ рд╡реНрдпрд╡рд╣рд╛рд░ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВ

рдореБрдЭреЗ рджреЛ рдЬрд┐рдпреЛрд╕рди рдУрд╡рд░рд▓реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рд╣реИрдВ: рдПрдХ рдЬреЛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд╕рд╛рде рдмрд╛рддрдЪреАрдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ (рдХреНрд▓рд┐рдХ, рдорд╛рдЙрд╕ рдУрд╡рд░) рдФрд░ рджреВрд╕рд░рд╛ рдЧреИрд░-рдЗрдВрдЯрд░реИрдХреНрд╢рди рдХреЗ рд╕рд╛рде, рдХреЗрд╡рд▓ рджреГрд╢реНрдп рдЬрд╛рдирдХрд╛рд░реА рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдПред
рдкрд╣рд▓реА рдкрд░рдд рджреВрд╕рд░реЗ рдХреЗ рдиреАрдЪреЗ рд╣реИ рдФрд░ рдХреЗрд╡рд▓ рд╕реНрдЯреНрд░реЛрдХ рдЦреАрдВрдЪрдирд╛ рд╣реИред

рдореИрдВрдиреЗ рджреВрд╕рд░реА рдкрд░рдд рд╢реИрд▓реА рдХреЗ рд▓рд┐рдП рдХрд┐рд╕реА рдХреЛ рднреА "рдкреЙрдЗрдВрдЯрд░рдПрд╡реЗрдВрдЯреНрд╕" рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд▓реАрдлрд▓реЗрдЯ рдЗрд╕ рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ: рдЙрддреНрдкрдиреНрди svg рдЗрд╕ рд╕рдВрдкрддреНрддрд┐ рдХреЗ рдмрд┐рдирд╛ рд╣реИред

рд╕рдорд╕реНрдпрд╛ рдХреЛ рдкреБрди: рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдиреНрдпреВрдирддрдо рдЙрджрд╛рд╣рд░рдг

  • [X] рдпрд╣ рдЙрджрд╛рд╣рд░рдг рдпрдерд╛рд╕рдВрднрд╡ рд╕рд░рд▓ рд╣реИ
  • [ ] рдпрд╣ рдЙрджрд╛рд╣рд░рдг рдХрд┐рд╕реА рддреАрд╕рд░реЗ рдкрдХреНрд╖ рдХреЗ рдХреЛрдб рдкрд░ рдирд┐рд░реНрднрд░ рдирд╣реАрдВ рд╣реИ
var interactiveLayer = L.topoJson(epci2014TopoJson, {
        style: function (feature) {
            return {
                weight: 0.0,
                fillOpacity: 0.7,
                color: 'rgb(200,200,200)',
                fillColor: getColor(feature.properties.siren_epci || feature.properties.SIREN_EPCI)
            }
        },
        onEachFeature: function (feature, layer) {
            layer.on({
                mouseover: highlightFeature,
                mouseout: resetHighlight,
                click: zoomToFeature
            });

        }
    }).addTo(map);

    var justForDrawLayer=L.geoJson(departementsGeoJson, {
        style: function (feature) {
            return {
                pointerEvents : 'none',
                clickable:false,
                weight: 3,
                fillOpacity: 0.0,
                color: 'rgb(220,220,220)'
            }
        }
    }).addTo(map);

рдореИрдВрдиреЗ "рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдпреЛрдЧреНрдп" рдХреЛ "рдЧрд▓рдд" рдореЗрдВ рдбрд╛рд▓рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ, рдХреЛрдИ рдмрджрд▓рд╛рд╡ рдирд╣реАрдВред

рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рдпрджрд┐ рдореЗрд░реА рдЕрдВрдЧреНрд░реЗрдЬреА рдкрд░реНрдпрд╛рдкреНрдд рд╕рд╣реА рдирд╣реАрдВ рд╣реИред рдзрдиреНрдпрд╡рд╛рджред

http://playground-leaflet.rhcloud.com/ рдпрд╛ рд╕рд╛рдЗрдЯ рдЬреИрд╕реА рдХрд┐рд╕реА рдЕрдиреНрдп jsfiddle рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВрдиреЗ "рдЗрдВрдЯрд░рдПрдХреНрдЯрд┐рд╡ рдореЗрдВ : рдЭреВрдард╛ " рдХреЗ рд╕рд╛рде рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ, рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рдореБрдЭреЗ рдЦреЗрдж рд╣реИ (рдХрдореНрдпреБрдирд┐рдЯреА рдХреА рдпрд╛рдЪрдирд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП) рдФрд░ рдЦреБрд╢ (рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ)ред

рдзрдиреНрдпрд╡рд╛рджред

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВрдиреЗ рджреВрд╕рд░реА рдкрд░рдд рд╢реИрд▓реА рдХреЗ рд▓рд┐рдП "рдкреЙрдЗрдВрдЯрд░рдПрд╡реЗрдВрдЯреНрд╕" рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд▓реАрдлрд▓реЗрдЯ рдЗрд╕ рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ

рдареАрдХ рд╣реИ, pointerEvents рдпрд╣ L.Path рдХреЗ рд▓рд┐рдП рдПрдХ рдорд╛рдиреНрдпрддрд╛ рдкреНрд░рд╛рдкреНрдд рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЖрдк рдХреНрдпрд╛ рдЙрдореНрдореАрдж рдХрд░ рд░рд╣реЗ рдереЗред

рдореИрдВрдиреЗ "рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдпреЛрдЧреНрдп" рдХреЛ "рдЧрд▓рдд" рдореЗрдВ рдбрд╛рд▓рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ, рдХреЛрдИ рдмрджрд▓рд╛рд╡ рдирд╣реАрдВред

1.0.0 рдореЗрдВ рдЙрд╕ рд╡рд┐рдХрд▓реНрдк рдиреЗ рдирд╛рдо рдмрджрд▓рдХрд░ interactive рдХрд░ рджрд┐рдпрд╛, рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ "рдЗрдВрдЯрд░рдПрдХреНрдЯрд┐рд╡ рдкрд░рдд рд╕реЗ рд╡рд┐рд░рд╛рд╕рдд рдореЗрдВ рдорд┐рд▓реЗ рд╡рд┐рдХрд▓реНрдк" рджреЗрдЦреЗрдВред

рдЖрдкрдХреЗ рдЬрд╡рд╛рдм рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

"рдкреЙрдЗрдВрдЯрд░рдПрд╡реЗрдВрдЯреНрд╕" рдХреЗ рд▓рд┐рдП: рдЪреВрдВрдХрд┐ рдореИрдВ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЗрдВрдЯрд░реИрдХреНрд╢рди рдХреЗ рд▓рд┐рдП рдкрд░рдд рдХреЛ "рдирд┐рд╖реНрдХреНрд░рд┐рдп" рдмрдирд╛рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рдерд╛, рдореИрдВрдиреЗ рдпрд╣рд╛рдВ рджрд┐рдП рдЧрдП рдЙрджрд╛рд╣рд░рдг рдХрд╛ рдкрд╛рд▓рди рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ: http://leafletjs.com/examples/map-panes/ рдлрд▓рдХ рдХреЗ рд▓рд┐рдП рдФрд░ рдкреЙрдЗрдВрдЯрд░рдЗрд╡реЗрдВрдЯреНрд╕ рдЬрд┐рдпреЛрд╕рди рд▓реЗрдпрд░ рдкрд░ рд▓рд╛рдЧреВ рд╣реЛрддреЗ рд╣реИрдВред рд╢рд╛рдпрдж рдореИрдВрдиреЗ рдЗрд╕ рдзрд╛рд░рдгрд╛ рдХреЛ рдЧрд▓рдд рд╕рдордЭрд╛ред

рдореИрдВ рдЬрд┐рдпреЛрдЬреЛрди рд╢реИрд▓реА рдХреЗ рд▓рд┐рдП рдирд┐рд╖реНрдХреНрд░рд┐рдп рд╕рдВрдкрддреНрддрд┐ рдХреЗ рд╕рд╛рде рдкреНрд░рдпрд╛рд╕ рдХрд░реВрдВрдЧрд╛ред

рдореЗрд░рд╛ рд▓рдХреНрд╖реНрдп рдХреБрдЫ рдЫреЛрдЯреЗ рджреЗрд╢реЛрдВ (рдмрд╣реБрднреБрдЬ) рдХреЛ рдХреНрд▓реЛрд░реЛрдкреНрд▓реЗрде рдорд╛рдирдЪрд┐рддреНрд░ рдХреЗ рд░реВрдк рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ рд╣реИред рдЗрд╕ рдкрд░рдд рдХреЗ рдиреАрдЪреЗ рдЯрд╛рдЗрд▓ рдкрд░рдд, рдФрд░ рд╢реАрд░реНрд╖ рдкрд░ рдПрдХ рдФрд░ рдЬрд┐рдпреЛрдЬреЛрди рдкрд░рдд рдмрдбрд╝реЗ рджреЗрд╢реЛрдВ рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддреА рд╣реИ, рдкреНрд░рддреНрдпреЗрдХ рдЫреЛрдЯреЗ рджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ "рдХрдВрдЯреЗрдирд░" рд╣реИред рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдУрд╡рд░рд▓реЗ рдЖрдВрддрд░рд┐рдХ рдХреЗ рд▓рд┐рдП рдХреБрд▓ рдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛ рдХреЗ рд╕рд╛рде рдХреЗрд╡рд▓ рдмрд╣реБрднреБрдЬ рд╕реНрдЯреНрд░реЛрдХ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░реЗред рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ "рдЫреЛрдЯреЗ рджреЗрд╢" рдУрд╡рд░рд▓реЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд╕рд╛рде рдЗрдВрдЯрд░реИрдХреНрдЯ рдХрд░реЗрдВ рдФрд░ "рдмрдбрд╝реЗ рджреЗрд╢" рдкрд░рдд рдирд╣реАрдВред

рдзрдиреНрдпрд╡рд╛рдж

рдореИрдВрдиреЗ "рдЗрдВрдЯрд░рдПрдХреНрдЯрд┐рд╡ рдореЗрдВ : рдЭреВрдард╛ " рдХреЗ рд╕рд╛рде рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ, рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рдореБрдЭреЗ рдЦреЗрдж рд╣реИ (рдХрдореНрдпреБрдирд┐рдЯреА рдХреА рдпрд╛рдЪрдирд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП) рдФрд░ рдЦреБрд╢ (рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ)ред

рдзрдиреНрдпрд╡рд╛рджред

рдореЗрд░реЗ рдкрд╛рд╕ рджреЛ рдкрд░рддреЛрдВ рдХреЛ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХрд╛ рдПрдХ рд╣реА рдХрд╛рд░реНрдп рд╣реИ рдФрд░ рд╢реАрд░реНрд╖ рдкрд░рдд рдирд┐рд╖реНрдХреНрд░рд┐рдп рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдПред " рдЗрдВрдЯрд░рдПрдХреНрдЯрд┐рд╡ рдореЗрдВ: рдЭреВрдард╛ " рдорджрдж рдХреА, рдзрдиреНрдпрд╡рд╛рдж!

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

JonnyBGod picture JonnyBGod  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

timwis picture timwis  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jcarenza picture jcarenza  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

onethread picture onethread  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

walterfn2 picture walterfn2  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ