// レイヤー (glfn: 地質 +ライン+ 断層 + 凡例番号 ) var _opacity = 0.5; // 地質図の不透明度 (0-1, 0 が完全に透明 ) var _map = new google.maps.map(document.getelementbyid('map'), {

Size: px

Start display at page:

Download "// レイヤー (glfn: 地質 +ライン+ 断層 + 凡例番号 ) var _opacity = 0.5; // 地質図の不透明度 (0-1, 0 が完全に透明 ) var _map = new google.maps.map(document.getelementbyid('map'), {"

あゆみいせき
7 years ago
Views:

1 Sample02.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "  <html> <head> <meta http-equiv="content-style-type" content="text/css" /> <title>sample02</title> </head> <body bgcolor="#ffffff" background="../fig/baby_bg.gif"> <h4> シームレス地質図タイル利用 -kml ファイル利用サンプル </h4> <div id="map" style="width: 800px; height: 600px;"></div> <img src=" alt="aist" id="logo" onclick="location.href=' style="width: 50px; height: 18px; opacity: 0.7;" /> <span style="font-size: small;"> <a href=" 万分の 1 日本シームレス地質図 </a> 詳細版を使用 ( <a href=" 凡例画像 </a>) <br /> シームレス地質図 <sup>r</sup> は産業技術総合研究所の登録商標です </span> <br> <IMG SRC="seamless_title_b.png" BORDER="0" WIDTH="328" HEIGHT="31"> <script src=" <script> // Web アプリの初期化 function initialize() { var _server = ' // 日本シームレス地質図 WMTS 配信サービス URL var _geolmaptype = 'detailed'; // 地質図の種類 (basic: 基本版, detailed: 詳細版 ) var _layer = 'glfn';

gif"> <h4> シームレス地質図タイル利用 -kml ファイル利用サンプル </h4> <div id="map" style="width: 800px; height: 600px;"></div> <img src="https://gbank.gsj.jp/seamless/img/aist_logo_l.

2 // レイヤー (glfn: 地質 +ライン+ 断層 + 凡例番号 ) var _opacity = 0.5; // 地質図の不透明度 (0-1, 0 が完全に透明 ) var _map = new google.maps.map(document.getelementbyid('map'), { zoom: 11, // ズームレベル (5-13, 大きいほど拡大 ) center: new google.maps.latlng( , ), // 中心の緯度経度 (360 度法十進数 ) maptypeid: google.maps.maptypeid.roadmap, // 背景地図の種類 // ROADMAP: 道路地図, SATELLITE: 衛星写真 // HYBRID: 衛星写真 + 道路, TERRAIN: 地形植生 minzoom: 5, maxzoom: 13 } ); _map.overlaymaptypes.insertat(0, new google.maps.imagemaptype({ gettileurl: function(_coord, _z) { return _server+_geolmaptype +'/'+_layer +'/'+_z+'/'+_coord.y+'/'+_coord.x+'.png'; }, tilesize: new google.maps.size(256, 256), ispng: true, opacity: _opacity, minzoom: 8, maxzoom: 13 })); var kmlurl = ' var kmlmap = new google.maps.kmllayer(kmlurl, {map: _map}); var _aistlogo =document.getelementbyid('logo'); _map.controls[google.maps.controlposition.left_bottom].push(_aistlogo); }; // window ロード時に initialize 関数を呼び出す google.maps.event.adddomlistener(window, 'load', initialize); </script>

$google.maps.maptypeid.roadmap, // 背景地図の種類 // ROADMAP: 道路地図, SATELLITE: 衛星写真 // HYBRID: 衛星写真 + 道路, TERRAIN: 地形植生 minzoom: 5, maxzoom: 13 } ); _map.overlaymaptypes.insertat(0, new google.maps.imagemaptype({ gettileurl: function(_coord, _z) { return _server+_geolmaptype +'/'+_layer +'/'+_z+'/'+_coord.$

3 </body> </html> Sample002.kml <?xml version="1.0" encoding="utf-8"?> <kml xmlns=" xmlns:gx=" xmlns:kml=" xmlns:atom=" <Document> <name>sampling sites</name> <StyleMap id="msn_ylw-pushpin3"> <key>normal</key> <styleurl>#sn_ylw-pushpin3</styleurl> <key>highlight</key> <styleurl>#sh_ylw-pushpin2</styleurl> </StyleMap> <Style id="sn_ylw-pushpin0"> <scale>1.1</scale> <StyleMap id="msn_ylw-pushpin1"> <key>normal</key> <styleurl>#sn_ylw-pushpin</styleurl>

org/2005/atom"> <Document> <name>sampling sites</name> <StyleMap id="msn_ylw-pushpin3"> <key>normal</key> <styleurl>#sn_ylw-pushpin3</styleurl>

4 <key>highlight</key> <styleurl>#sh_ylw-pushpin0</styleurl> </StyleMap> <Style id="sh_ylw-pushpin4"> <scale>1.3</scale> <Style id="sn_ylw-pushpin3"> <scale>1.1</scale> <Style id="sh_ylw-pushpin1"> <scale>1.3</scale>

5 <Style id="sh_ylw-pushpin0"> <scale>1.3</scale> <StyleMap id="msn_ylw-pushpin2"> <key>normal</key> <styleurl>#sn_ylw-pushpin2</styleurl> <key>highlight</key> <styleurl>#sh_ylw-pushpin4</styleurl> </StyleMap> <StyleMap id="msn_ylw-pushpin0"> <key>normal</key> <styleurl>#sn_ylw-pushpin0</styleurl> <key>highlight</key> <styleurl>#sh_ylw-pushpin1</styleurl> </StyleMap> <Style id="sn_ylw-pushpin"> <scale>1.1</scale>

<key>highlight</key> <styleurl>#sh_ylw-pushpin4</styleurl> </StyleMap> <StyleMap id="msn_ylw-pushpin0">

6 <Style id="sn_ylw-pushpin2"> <scale>1.1</scale> <Style id="sh_ylw-pushpin2"> <scale>1.3</scale> <Folder> <name>hayachine Sampling Sites</name> <open>1</open> <name>site10</name> <longitude> </longitude> <latitude> </latitude> <heading> e-006</heading>

7 <coordinates> , ,0</coordinates> <name>site15</name> <longitude> </longitude> <latitude> </latitude> <heading> e-006</heading> <coordinates> , ,0</coordinates> <name>site22</name> <longitude> </longitude> <latitude> </latitude>

44859722213</longitude> <latitude>39.57431555284</latitude> <heading>-1.

8 <coordinates> , ,0</coordinates> <name>site25</name> <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates> <name>site58</name>

<longitude>141.48170833313</longitude> <latitude>39.

9 <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates> <name>site64</name> <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates> <name>site69</name>

54903892024,0</coordinates> <name>site64</name> <longitude>141.

10 <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates> <name>site101</name> <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates>

55836721671,0</coordinates> <name>site101</name> <longitude>141.

11 <name>site103</name> <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates> <name>site157</name> <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates>

57254906105,0</coordinates> <name>site157</name> <longitude>141.

12 <name>site160</name> <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates> <name>site165</name> <longitude> </longitude> <latitude> </latitude>

55170116821 </latitude> <coordinates>141.49359722212,39.

13 <coordinates> , ,0</coordinates> <name>site169</name> <longitude> </longitude> <latitude> </latitude> <coordinates> , ,0</coordinates> </Folder> </Document> </kml>

<longitude>141.43765277767</longitude> <latitude>39.

LeafletとCesiumを切り替えて使用するライブラリS-mapの公開

LeafletとCesiumを切り替えて使用するライブラリS-mapの公開 Leaflet と Cesium を切り替えて使用するライブラリ S-map の公開西岡芳晴産業技術総合研究所地質情報研究部門シームレス地質情報研究グループ 20 万分の 1 日本シームレス地質図 ~ 誰にでも使いやすい地質図を目指して ~ S-map 公開サイト ( 試験公開中 ) 1.https://gsj-seamless.jp/labs/smap/doc/ S-map とは? 1. シームレス地質図のために開発した地図描画ライブラリ