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.
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.
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ö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: