Sample02.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/static.dtd"> <!-- kml.html シームレス地質図タイル利用 -kml ファイル利用サンプル kml を利用するサンプルです. 2013-04-26, 西岡芳晴 (NISHIOKA Yoshiharu) --> <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="https://gbank.gsj.jp/seamless/img/aist_logo_l.png" alt="aist" id="logo" onclick="location.href='http://www.aist.go.jp/'" style="width: 50px; height: 18px; opacity: 0.7;" /> <span style="font-size: small;"> <a href="https://gbank.gsj.jp/seamless/">20 万分の 1 日本シームレス地質図 </a> 詳細版を使用 ( <a href="https://gbank.gsj.jp/seamless/shosai_legend_j1.html"> 凡例画像 </a>) <br /> シームレス地質図 <sup>r</sup> は産業技術総合研究所の登録商標です </span> <br> <IMG SRC="seamless_title_b.png" BORDER="0" WIDTH="328" HEIGHT="31"> <script src="https://maps.google.com/maps/api/js?sensor=false®ion=jp"></script> <script> // Web アプリの初期化 function initialize() { var _server = 'https://gbank.gsj.jp/seamless/tilemap/'; // 日本シームレス地質図 WMTS 配信サービス URL var _geolmaptype = 'detailed'; // 地質図の種類 (basic: 基本版, detailed: 詳細版 ) var _layer = 'glfn';
// レイヤー (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(39.558354, 141.488989), // 中心の緯度 経度 (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 = 'http://staff.aist.go.jp/r-morijiri/kosokoso/sample002.kml'; 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>
</body> </html> Sample002.kml <?xml version="1.0" encoding="utf-8"?> <kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/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>
<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>
<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>
<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>141.44859722213</longitude> <latitude>39.577390183274</latitude> <heading>-1.270152944028997e-006</heading>
<coordinates>141.44859722213,39.577390183274,0</coordinates> <name>site15</name> <longitude>141.44859722213</longitude> <latitude>39.57431555284</latitude> <heading>-1.270152944028997e-006</heading> <coordinates>141.44859722213,39.57431555284,0</coordinates> <name>site22</name> <longitude>141.43998611090</longitude> <latitude>39.565153000576</latitude>
<coordinates>141.43998611090,39.565153000576,0</coordinates> <name>site25</name> <longitude>141.48170833313</longitude> <latitude>39.56577845256</latitude> <coordinates>141.48170833313,39.56577845256,0</coordinates> <name>site58</name>
<longitude>141.48559722214</longitude> <latitude>39.54903892024</latitude> <coordinates>141.48559722214,39.54903892024,0</coordinates> <name>site64</name> <longitude>141.48659722215</longitude> <latitude>39.55462428488</latitude> <coordinates>141.48659722215,39.55462428488,0</coordinates> <name>site69</name>
<longitude>141.48898611101</longitude> <latitude>39.55836721671</latitude> <coordinates>141.48898611101,39.55836721671,0</coordinates> <name>site101</name> <longitude>141.48009722214</longitude> <latitude>39.57713969271</latitude> <coordinates>141.48009722214,39.57713969271,0</coordinates>
<name>site103</name> <longitude>141.47043055550</longitude> <latitude>39.57254906105</latitude> <coordinates>141.47043055550,39.57254906105,0</coordinates> <name>site157</name> <longitude>141.49520833326</longitude> <latitude>39.54729892492</latitude> <coordinates>141.49520833326,39.54729892492,0</coordinates>
<name>site160</name> <longitude>141.49359722212</longitude> <latitude>39.55170116821 </latitude> <coordinates>141.49359722212,39.55170116821,0</coordinates> <name>site165</name> <longitude>141.46343055544</longitude> <latitude>39.55832013665</latitude>
<coordinates>141.46343055544,39.55832013665,0</coordinates> <name>site169</name> <longitude>141.43765277767</longitude> <latitude>39.55493859926</latitude> <coordinates>141.43765277767,39.55493859926,0</coordinates> </Folder> </Document> </kml>