Daugiau

Rodyti žemėlapio mastą kaip daugiakampį kitame žemėlapyje - „OpenLayers 3“


Kaip į žemėlapį2 galima pridėti daugiakampį, kuris visada parodo 1 žemėlapio mastą, kaip nurodyta šiame puslapyje?

http://www.alexisathlani.com/paris.html


Funkcija, sukurianti daugiakampį

function addExtent () {// Pašalinti ankstesnį daugiakampį scaleSource.clear (); // Gaukite žemėlapio mastą ir išsaugokite jį koordinačių masyve var varyMap = map.getView (). CalcExtent (map.getSize ()); var bottomLeft = ol.proj.transform (ol.extent.getBottomLeft (scaleMap), 'EPSG: 3857', 'EPSG: 4326'); var topRight = ol.proj.transform (ol.extent.getTopRight (scaleMap), 'EPSG: 3857', 'EPSG: 4326'); var bottomRight = ol.proj.transform (ol.extent.getBottomRight (scaleMap), 'EPSG: 3857', 'EPSG: 4326'); var topLeft = ol.proj.transform (ol.extent.getTopLeft (scaleMap), 'EPSG: 3857', 'EPSG: 4326'); var ring = [[apačioje kairėje [0], apačioje kairėje [1]], [viršuje kairėje [0], viršuje kairėje [1]], [viršuje dešinėje [0], viršuje dešinėje [1]], [apačioje dešinėje [0], apačioje dešinėje [1] ]]; // Sukurkite daugiakampį pagal koordinačių masyvą var polygon = new ol.geom.Polygon ([žiedas]); daugiakampis.transformuoti ('EPSG: 4326', 'EPSG: 3857'); // Pridėkite daugiakampį prie sluoksnio ir stilizuokite jį var feature = new ol.Feature (daugiakampis); scaleSource.addFeature (funkcija); feature.setStyle (scaleStyle); }

Daugiakampio stilius / Sluoksnio kintamieji / Rodiniai ir Žemėlapiai

var varyStyle = new ol.style.Style ({insultas: naujas ol.style.Stroke ({spalva: 'balta', plotis: 1.5}), fill: new ol.style.Fill ({spalva: 'rgba (255, 255, 255, 0,5) '})}); var scaleSource = naujas ol.source.Vector ({}); var scaleLayer = new ol.layer.Vector ({projekcija: 'EPSG: 3857', šaltinis: scaleSource,}); var basemap = new ol.layer.Tile ({šaltinis: new ol.source.XYZ ({url: 'http: // {1-4} .basemaps.cartocdn.com/dark_all/{z}/{x}/ {y} .png ">Patobulinkite šį atsakymąatsakė Gruodžio 5 d., 15:15Alexis_AAlexis_A6765 sidabro ženkleliai20 bronzinių ženkliukų


Žiūrėti video įrašą: Openlayers 6 Tutorial #6 - Layer Switcher (Spalio Mėn 2021).