Megosztás a következőn keresztül:


Képréteg hozzáadása térképhez

Ez a cikk bemutatja, hogyan fedhet át egy képet rögzített koordinátákra. Íme néhány példa a térképeken felülírható különböző képtípusokra:

  • Drónokról rögzített képek
  • Alaprajzok készítése
  • Történelmi vagy egyéb specializált térképképek
  • Feladatwebhelyek tervrajzai
  • Időjárási radarképek

Tipp.

Az ImageLayer egyszerűen átfedhet egy képet egy térképen. Vegye figyelembe, hogy a böngészők nehezen tölthetnek be nagy méretű képet. Ebben az esetben érdemes csempékre bontani a képet, és csemperétegként betölteni őket a térképre.

A képréteg a következő képformátumokat támogatja:

  • JPEG
  • PNG
  • BMP
  • GIF (animációk nélkül)

Rendszerképréteg hozzáadása

Az alábbi kód egy 1922-ből származó Newark térképét fedi le a térképen. Az ImageLayer úgy jön létre, hogy egy URL-címet ad át egy képnek, és a formátum [Top Left Corner, Top Right Corner, Bottom Right Corner, Bottom Left Corner]négy sarkának koordinátáit adja meg.

//Create an image layer and add it to the map.
map.layers.add(new atlas.layer.ImageLayer({
    url: 'newark_nj_1922.jpg',
    coordinates: [
        [-74.22655, 40.773941], //Top Left Corner
        [-74.12544, 40.773941], //Top Right Corner
        [-74.12544, 40.712216], //Bottom Right Corner
        [-74.22655, 40.712216]  //Bottom Left Corner
    ]
}));

Az 1922-es Newark New Jersey-térkép képrétegként való átfedését szemléltető teljes körű mintaképért tekintse meg az Egyszerű képréteg az Azure Maps-mintákban című témakört. A minta forráskódját az Egyszerű képréteg forráskódja című témakörben talál.

Képernyőkép a Newark New Jersey 1922-es térképéről képrétegként ábrázolt térképpel.

KML-fájl importálása alaprétegként

Ez a minta bemutatja, hogyan adhat hozzá KML földi átfedési információkat képrétegként a térképen. A KML földfelszínek észak- és dél-, keleti és nyugati koordinátákat, valamint az óramutató járásával ellentétes irányban forgást biztosítanak. A képréteg azonban a kép minden sarkához koordinátákat vár. Ebben a mintában a KML földfelszín a Chartres-katedrálishoz tartozik, és a Wikimédia forrásából származik.

A kód az ImageLayer osztály statikus getCoordinatesFromEdges függvényét használja. Kiszámítja a kép négy sarkát a KML földfelszínének északi, déli, keleti, nyugati és forgatási információi alapján.

A KML Ground Overlay képrétegként való használatát bemutató teljes körű mintaért tekintse meg a KML Ground Overlay mint képréteget az Azure Maps-mintákban. A minta forráskódját lásd : KML Ground Overlay as Image Layer source code.

Képernyőkép egy térképről, amelyen egy KML földfelszín látható képrétegként.

Tipp.

getPixels A képrétegosztály és getPositions a függvények használatával konvertálhatja a helyhez kötött képréteg földrajzi koordinátáit és a helyi kép képpontkoordinátáit.

Képréteg testreszabása

A képréteg számos stílusbeállítással rendelkezik. Egy teljesen működőképes minta, amely bemutatja, hogy a képréteg különböző beállításai hogyan befolyásolják a renderelést, tekintse meg az Azure Maps-minták Képréteg beállításai című témakört. A minta forráskódját az Image Layer Options forráskódja ismerteti.

Képernyőkép egy térképről, amelyen egy panel látható, amelyen a képréteg különböző lehetőségei vannak, amelyek befolyásolják a renderelést. Ebben a mintában módosíthatja a stílusbeállításokat, és megtekintheti, hogy milyen hatással van a térképre.

Következő lépések

További információ a cikkben használt osztályokról és módszerekről:

További kódmintákat a térképekhez a következő cikkekben talál: