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


Egyéni adatok renderelése raszteres térképen

Ez a cikk bemutatja, hogyan használható a Térkép statikus képének lekérése parancs képösszeállítási funkcióval. A képösszeállítási funkció támogatja az egyéni adatokat és különböző stílusokat tartalmazó statikus rasztercsempék lekérését.

Az alábbi példák egyéni adatokra mutatnak be példákat:

  • Egyéni leküldéses vezérlők
  • Címkék
  • Geometriai átfedések

Tipp.

Ha egy egyszerű térképet szeretne megjeleníteni egy weblapon, gyakran költséghatékonyabb az Azure Maps Web SDK használata a statikus képszolgáltatás használata helyett. A webes SDK térképcsempéket használ; és ha a felhasználó nem pásztáozza és nagyítja a térképet, gyakran csak a tranzakció töredékét generálják térképbetöltésenként böngésző-gyorsítótárazással. Az Azure Maps Web SDK-ban letilthatja a pásztázást és a nagyítást. Az Azure Maps Web SDK emellett adatvizualizációs lehetőségek gazdagabb készletét biztosítja, mint egy statikus térképes webszolgáltatás.

Előfeltételek

Fontos

Az URL-példákban cserélje le {Your-Azure-Maps-Subscription-key} az Azure Maps előfizetési kulcsát.

Ez a cikk a Bruno-alkalmazást használja, de használhat egy másik API-fejlesztési környezetet.

Feljegyzés

A cikkben szereplő példákhoz Azure Maps-fiók szükséges a Gen2 tarifacsomagban.

Azure Maps Gen1 tarifacsomag kivonása

A Gen1 tarifacsomag elavult, és 26.09.15-én megszűnik. A Gen2 tarifacsomag az 1. generációs (S0 és S1) tarifacsomagot váltja fel. Ha az Azure Maps-fiókjában a Gen1 tarifacsomag van kiválasztva, a kivonás előtt átválthat Gen2-díjszabásra, ellenkező esetben az automatikusan frissül. További információ: Az Azure Maps-fiók tarifacsomagjának kezelése.

Statikus kép lekérése egyéni tűkkel és címkékkel

Statikus kép lekérése egyéni tűkkel és címkékkel:

  1. A Bruno alkalmazásban válassza az Új kérés lehetőséget.

  2. Állítsa be a típust HTTP-nek.

  3. Adja meg a kérés nevét, például a térkép statikus képének lekérését.

  4. Válassza ki a GET HTTP URL-metódust.

  5. Adja meg a következő URL-címet:

    https://atlas.microsoft.com/map/static?subscription-key={Your-Azure-Maps-Subscription-key}&zoom=13&tilesetId=microsoft.base.road&api-version=2024-04-01&language=en-us&center=-73.964085, 40.78477&path=lcFF0000|lw2|la0.60|ra700||-122.13230609893799 47.64599069048016&pins=custom%7Cla15+50%7Cls12%7Clc003b61%7C%7C%27Central Park%27-73.9657974+40.781971%7C%7Chttps%3A%2F%2Fsamples.azuremaps.com%2Fimages%2Ficons%2Fylw-pushpin.png
    
  6. Válassza a Létrehozás lehetőséget.

  7. Válassza a Kérés küldése nyilat, amely a kérelem URL-címétől jobbra jelenik meg.

    A rendszer a következő képet adja vissza:

    Egyéni nyomócsúcs címkével.

Sokszög megjelenítése színnel és átlátszatlansággal

A sokszögek megjelenését az elérési út paraméterrel rendelkező stílusmódosítókkal módosíthatja.

Sokszög megjelenítése színnel és átlátszósággal:

  1. A Bruno alkalmazásban válassza az Új kérés lehetőséget.

  2. Állítsa be a típust HTTP-nek.

  3. Adja meg a kérelem nevét, például GET sokszöget.

  4. Válassza ki a GET HTTP URL-metódust.

  5. Adja meg a renderelési szolgáltatás következő URL-címét:

    https://atlas.microsoft.com/map/static?subscription-key={Your-Azure-Maps-Subscription-key}&zoom=15&tilesetId=microsoft.base.road&api-version=2024-04-01&language=en-us&path=lc0000FF|fc0000FF|lw3|la0.80|fa0.50||-74.03995513916016 40.70090237454063|-74.04082417488098 40.70028420372218|-74.04113531112671 40.70049568385827|-74.04298067092896 40.69899904076542|-74.04271245002747 40.69879568992435|-74.04367804527283 40.6980961582905|-74.04364585876465 40.698055487620714|-74.04368877410889 40.698022951066996|-74.04168248176573 40.696444909137|-74.03901100158691 40.69837271818651|-74.03824925422668 40.69837271818651|-74.03809905052185 40.69903971085914|-74.03771281242369 40.699340668780984|-74.03940796852112 40.70058515602143|-74.03948307037354 40.70052821920425|-74.03995513916016 40.70090237454063&pins=custom%7Cla15+50%7Cls12%7Clc003b61%7C%7C%27Central Park%27-73.9657974+40.781971%7C%7Chttps%3A%2F%2Fsamples.azuremaps.com%2Fimages%2Ficons%2Fylw-pushpin.png&center=-74.040701, 40.698666&height=500&Width=500
    

    A rendszer a következő képet adja vissza:

    Átlátszatlan sokszög renderelése.

Kör és pushpin megjelenítése egyéni címkékkel

A tűk megjelenését stílusmódosítók hozzáadásával módosíthatja. Ha például nagyobb vagy kisebb méretűre szeretné tenni a pushpineket és a címkéket, használja a sc "méretezési stílus" módosítóját. Ez a módosító nullánál nagyobb értéket vesz fel. Az 1 érték a standard skálázás. Az 1-nél nagyobb értékek nagyobbak, az 1-nél kisebb értékek pedig kisebbek lesznek. A stílusmódosítókról további információt a Statikus kép lekérése parancs Elérési út paraméterében talál.

Kör és pushpin megjelenítése egyéni címkékkel:

  1. A Bruno alkalmazásban válassza az Új kérés lehetőséget.

  2. Állítsa be a típust HTTP-nek.

  3. Adja meg a kérelem nevét, például GET sokszöget.

  4. Válassza ki a GET HTTP URL-metódust.

  5. Adja meg a renderelési szolgáltatás következő URL-címét:

    https://atlas.microsoft.com/map/static?subscription-key={Your-Azure-Maps-Subscription-key}&zoom=14&tilesetId=microsoft.base.road&api-version=2024-04-01&language=en-us&center=-122.13230609893799,47.64599069048016&path=lcFF0000|lw2|la0.60|ra1000||-122.13230609893799 47.64599069048016&pins=default|la15+50|sc1|al0.66|lc003C62|co002D62||'Microsoft Corporate Headquarters'-122.14131832122801 47.64690503939462|'Microsoft Visitor Center'-122.136828 47.642224|'Microsoft Conference Center'-122.12552547454833 47.642940335653996|'Microsoft The Commons'-122.13687658309935 47.64452336193245&height=700&Width=700
    
  6. Válassza a Létrehozás lehetőséget.

  7. Válassza a Kérés küldése nyilat, amely a kérelem URL-címétől jobbra jelenik meg.

    A rendszer a következő képet adja vissza:

    Kör megjelenítése egyéni leküldésesekkel.

  8. Ezután módosítsa a pushpinek színét a co stílusmódosító módosításával. Ha megtekinti a pins paraméter (pins=default|la15+50|al0.66|lc003C62|co002D62|) értékét, figyelje meg, hogy az aktuális szín az #002D62. A szín módosításához #41d42acserélje le a következőre #002D62 #41d42a: . Most a pins paraméter a következő pins=default|la15+50|al0.66|lc003C62|co41D42A|. A kérés a következő URL-címhez hasonlóan néz ki:

    https://atlas.microsoft.com/map/static?subscription-key={Your-Azure-Maps-Subscription-key}&zoom=14&tilesetId=microsoft.base.road&api-version=2024-04-01&language=en-us&center=-122.13230609893799,47.64599069048016&path=lcFF0000|lw2|la0.60|ra1000||-122.13230609893799 47.64599069048016&pins=default|la15+50|al0.66|lc003C62|co41D42A||'Microsoft Corporate Headquarters'-122.14131832122801  47.64690503939462|'Microsoft Visitor Center'-122.136828 47.642224|'Microsoft Conference Center'-122.12552547454833 47.642940335653996|'Microsoft The Commons'-122.13687658309935  47.64452336193245&height=700&Width=700 
    
  9. Válassza a Létrehozás lehetőséget.

  10. Válassza a Kérés küldése nyilat, amely a kérelem URL-címétől jobbra jelenik meg.

    A rendszer a következő képet adja vissza:

    Kör megjelenítése frissített leküldésesekkel.

Hasonlóképpen módosíthatja, hozzáadhatja és eltávolíthatja a többi stílusmódosítót is.

Forgalmi réteg hozzáadása

Ha egy útalaptérképen renderelt forgalmi réteggel rendelkező statikus képet szeretne lekérni, használja a paramétert trafficLayer . Az alábbi példa egy közlekedési réteggel és egy címkével ellátott kitűzővel ellátott térképet mutat be:

  1. A Bruno alkalmazásban válassza az Új kérés lehetőséget.

  2. Állítsa be a típust HTTP-nek.

  3. Adja meg a kérés nevét, például a térkép statikus képének lekérése – forgalmi réteg.

  4. Válassza ki a GET HTTP URL-metódust.

  5. Adja meg a következő URL-címet:

    https://atlas.microsoft.com/map/static?subscription-key={Your-Azure-Maps-Subscription-key}&zoom=14&tilesetId=microsoft.base.road&api-version=2024-04-01&language=en-us&center= -0.122427, 51.500867&pins=custom%7Cla15+50%7Cls12%7Clc003b61%7C%7C%27Westminster Bridge%27-0.122427+51.500867%7C%7Chttps%3A%2F%2Fsamples.azuremaps.com%2Fimages%2Ficons%2Fylw-pushpin.png&height=700&Width=700&trafficLayer=microsoft.traffic.relative.main 
    
  6. Válassza a Létrehozás lehetőséget.

  7. Válassza a Kérés küldése nyilat, amely a kérelem URL-címétől jobbra jelenik meg.

    A rendszer a következő képet adja vissza:

    Képernyőkép a forgalmi réteget ábrázoló térképről, valamint egy egyéni leküldésről a Westminster Bridge címkével.

Térkép létrehozása sötétszürke stílussal

Ha egy sötétszürke stílussal rendelkező statikus képet szeretne lekérni, állítsa a paramétert a TilesetId következőre microsoft.base.darkgrey:

  1. A Bruno alkalmazásban válassza az Új kérés lehetőséget.

  2. Állítsa be a típust HTTP-nek.

  3. Adjon meg egy nevet a kérésnek, például a térkép statikus képének lekérése – sötétszürke stílus.

  4. Válassza ki a GET HTTP URL-metódust.

  5. Adja meg a következő URL-címet:

    https://atlas.microsoft.com/map/static?subscription-key={Your-Azure-Maps-Subscription-key}&zoom=16&tilesetId=microsoft.base.darkgrey&api-version=2024-04-01&language=en-us&center=-95.360200,29.753452&pins=custom%7Cla15+50%7Cls12%7Clc003b61%7C%7C%27Westminster Bridge%27-0.122427+51.500867%7C%7Chttps%3A%2F%2Fsamples.azuremaps.com%2Fimages%2Ficons%2Fylw-pushpin.png&height=700&Width=700 
    
  6. Válassza a Létrehozás lehetőséget.

  7. Válassza a Kérés küldése nyilat, amely a kérelem URL-címétől jobbra jelenik meg.

A rendszer a következő képet adja vissza:

Képernyőkép egy térképről, amely a csempekészlet azonosító paraméterének microsoft.base.darkgrey értékre állításával létrehozott sötétszürke stílust mutatja.

A TilesetId paraméterrel elérhető különböző stílusokról további információt a TilesetId a Render – Map Tileset REST API dokumentációjában talál.

Térkép létrehozása a képstílus használatával

Ha statikus képet szeretne lekérni a képstílus alkalmazásával, állítsa a paramétert a TilesetId következőre microsoft.imagery:

  1. A Bruno alkalmazásban válassza az Új kérés lehetőséget.

  2. Állítsa be a típust HTTP-nek.

  3. Adja meg a kérés nevét, például a térkép statikus képének lekérése – képstílus.

  4. Válassza ki a GET HTTP URL-metódust.

  5. Adja meg a következő URL-címet:

    https://atlas.microsoft.com/map/static?subscription-key={Your-Azure-Maps-Subscription-key}&zoom=16&tilesetId=microsoft.imagery&api-version=2024-04-01&language=en-us&center=-43.176141,-22.965458&height=700&Width=700
    
  6. Válassza a Létrehozás lehetőséget.

  7. Válassza a Kérés küldése nyilat, amely a kérelem URL-címétől jobbra jelenik meg.

    A rendszer a következő képet adja vissza:

    Képernyőkép egy térképről, amely a csempekészlet-azonosító paraméter microsoft.imagery értékre állításával létrehozott képstílust mutatja.

A TilesetId paraméterrel elérhető különböző stílusokról további információt a TilesetId a Render – Map Tileset REST API dokumentációjában talál.

Következő lépések