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

Sample02.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/static.dtd">  <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&region=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>