チュートリアル6

提供: svg2wiki
(版間での差分)
移動: 案内, 検索
(ページの作成:「= チュートリアル6 WebApp Layer geoJSON = 実際の動作は、[https://svgmap.org/devinfo/devkddi/tutorials/geojson1/geojson1.html こちら]をクリック。 ==...」)
 
(geoJsonExample1.svg)
25行: 25行:
 
<pre>
 
<pre>
 
<?xml version="1.0" encoding="UTF-8"?>
 
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:go="http://purl.org/svgmap/profile" viewBox="12375.0 -4500.0 2250.0 2250.0" go:dataArea="12375.0 -4500.0 2250.0 2250.0" data-controller="geoJsonExample1.html#exec=appearOnLayerLoad" property="name,address,phone,url">
+
<svg
 +
  xmlns="http://www.w3.org/2000/svg"
 +
  xmlns:xlink="http://www.w3.org/1999/xlink"
 +
  xmlns:go="http://purl.org/svgmap/profile"
 +
  viewBox="12375.0 -4500.0 2250.0 2250.0"
 +
  go:dataArea="12375.0 -4500.0 2250.0 2250.0"
 +
  data-controller="geoJsonExample1.html#exec=appearOnLayerLoad"
 +
  property="name,address,phone,url"
 +
>
  
 
<defs>
 
<defs>

2022年2月4日 (金) 04:20時点における版

目次

チュートリアル6 WebApp Layer geoJSON

実際の動作は、こちらをクリック。

geojson1.html


Container.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="122.9800817, -45.398095, 21.97626, 21.0533039" >
 <globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(1,0,0,-1,0,0)" />

<!-- OpenStretMap背景地図を表示状態として読み込む -->
<animation xlink:href="../tutorial5/dynamicOSM_r11.svg" x="-3000" y="-3000" width="6000" height="6000" title="Japan Coastline" class="basemap" visibility="visible"/>

<!-- 各種GeoJsonデータ(Point Feature)を表示状態として読み込む -->
<animation xlink:href="geoJsonExample1.svg" x="-3000" y="-3000" width="6000" height="6000" title="GeoJson Layer" class="poi clickable" visibility="visible" opacity="0.7"/>
</svg>

geoJsonExample1.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  xmlns:go="http://purl.org/svgmap/profile"
  viewBox="12375.0 -4500.0 2250.0 2250.0"
  go:dataArea="12375.0 -4500.0 2250.0 2250.0"
  data-controller="geoJsonExample1.html#exec=appearOnLayerLoad"
  property="name,address,phone,url"
>

<defs>
<g id="p0">
<circle cx="0" cy="0" r="10" fill="blue" stroke="none"/>
</g>
</defs>

<globalCoordinateSystem srsName="http://purl.org/crs/84" transform="matrix(100.0,0.0,0.0,-100.0,0.0,0.0)" />
<g id="mapContents"></g>
</svg>

個人用ツール
名前空間

変種
操作
案内
ツール
Translate