チュートリアル13
提供: svg2wiki
(版間での差分)
(→チュートリアル13 WebApp Layer WMS 伸縮スクロールに応じた表示) |
(→チュートリアル13 WebApp Layer WMS 伸縮スクロールに応じた表示) |
||
| 2行: | 2行: | ||
[https://en.wikipedia.org/wiki/Web_Map_Service WMS(Web Map Service)]を使って、表示している領域の地図を伸縮スクロールに応じて表示する機能を持つレイヤーを[[解説書#.E3.82.A6.E3.82.A7.E3.83.96.E3.82.A2.E3.83.97.E3.83.AA.E3.82.B1.E3.83.BC.E3.82.B7.E3.83.A7.E3.83.B3.E3.81.AB.E3.82.88.E3.82.8B.E5.8B.95.E7.9A.84.E3.81.AA.E5.9C.B0.E5.9B.B3.E3.83.AC.E3.82.A4.E3.83.A4.E3.83.BC.E3.81.A8.E3.80.81.E3.81.9D.E3.81.AE.E3.83.8F.E3.82.A4.E3.83.91.E3.83.BC.E3.83.AC.E3.82.A4.E3.83.A4.E3.83.AA.E3.83.B3.E3.82.B0|WebApp Layer]]として実装します。WMSとしては[[チュートリアル12]]に引き続き[https://www.gebco.net/data_and_products/gebco_web_services/web_map_service/ GEBCO Web Service]を使用します。 | [https://en.wikipedia.org/wiki/Web_Map_Service WMS(Web Map Service)]を使って、表示している領域の地図を伸縮スクロールに応じて表示する機能を持つレイヤーを[[解説書#.E3.82.A6.E3.82.A7.E3.83.96.E3.82.A2.E3.83.97.E3.83.AA.E3.82.B1.E3.83.BC.E3.82.B7.E3.83.A7.E3.83.B3.E3.81.AB.E3.82.88.E3.82.8B.E5.8B.95.E7.9A.84.E3.81.AA.E5.9C.B0.E5.9B.B3.E3.83.AC.E3.82.A4.E3.83.A4.E3.83.BC.E3.81.A8.E3.80.81.E3.81.9D.E3.81.AE.E3.83.8F.E3.82.A4.E3.83.91.E3.83.BC.E3.83.AC.E3.82.A4.E3.83.A4.E3.83.AA.E3.83.B3.E3.82.B0|WebApp Layer]]として実装します。WMSとしては[[チュートリアル12]]に引き続き[https://www.gebco.net/data_and_products/gebco_web_services/web_map_service/ GEBCO Web Service]を使用します。 | ||
| − | * 実際の動作は、[https://svgmap.org/devinfo/devkddi/tutorials/wms2/wms2.html こちら]をクリック。 | + | * 実際の動作は、[https://svgmap.org/devinfo/devkddi/tutorials/wms2/wms2.html こちら]をクリック。 |
* [https://svgmap.org/devinfo/devkddi/tutorials/wms2/ ソースコードのディレクトリ] | * [https://svgmap.org/devinfo/devkddi/tutorials/wms2/ ソースコードのディレクトリ] | ||
| 10行: | 10行: | ||
これまでと特に変わったところはありません。 | これまでと特に変わったところはありません。 | ||
==[https://svgmap.org/devinfo/devkddi/tutorials/wms2/wms_dynamic.svg wms_dynamic.svg]== | ==[https://svgmap.org/devinfo/devkddi/tutorials/wms2/wms_dynamic.svg wms_dynamic.svg]== | ||
| + | <pre> | ||
| + | <?xml version="1.0" encoding="UTF-8"?> | ||
| + | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="120,-50,30,30" data-controller="wmsController.html#exec=appearOnLayerLoad"> | ||
| + | <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(1,0,0,-1,0,0)"/> | ||
| + | <image id="wmsImage" preserveAspectRatio="none" opacity="0.5" /> | ||
| + | </svg> | ||
| + | </pre> | ||
| + | ==[https://svgmap.org/devinfo/devkddi/tutorials/wms2/wmsController.html wmsController.html]== | ||
2022年2月17日 (木) 05:08時点における版
目次 |
チュートリアル13 WebApp Layer WMS 伸縮スクロールに応じた表示
WMS(Web Map Service)を使って、表示している領域の地図を伸縮スクロールに応じて表示する機能を持つレイヤーをWebApp Layerとして実装します。WMSとしてはチュートリアル12に引き続きGEBCO Web Serviceを使用します。
- 実際の動作は、こちらをクリック。
- ソースコードのディレクトリ
wms2.html
これまでと特に変わったところはありません。
Container.svg
これまでと特に変わったところはありません。
wms_dynamic.svg
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="120,-50,30,30" data-controller="wmsController.html#exec=appearOnLayerLoad"> <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(1,0,0,-1,0,0)"/> <image id="wmsImage" preserveAspectRatio="none" opacity="0.5" /> </svg>
