Language
Login
Language Setting
X
English
日本語 [Japanese]
about this App
【駒ヶ根市】行政区
useful
2
Loading...
/* This is a Example program to retrieve and display the data. Press the Run button on the right of the screen (described the behavior of the Example program below). Please create a new application rewrite this program work. */ function initialize() { var myLatLng = new google.maps.LatLng(35.728867,137.933984); var myMap = new google.maps.Map(document.getElementById('map_canvas'), { zoom: 12, center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP, scaleControl: true, scrollwheel: true, draggable: true }); var kmlUrl = "http://www.city.komagane.nagano.jp/trol.php?f=pub&fl=tropo_kom-15536_30-10001/gyoseiku.kml"; var kmlLayer = new google.maps.KmlLayer(kmlUrl); kmlLayer.setMap(myMap); } window.onload = function() { $(function(){ initialize(); }); };
body, input { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; font-size: 12px; margin: 0; padding: 0; } #pageContainer .header { background: #ff7f50; /* Old browsers */ background: -moz-linear-gradient(top, #ff7f50 0%, #ff7f50 11%, #ff7f50 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7f50), color-stop(11%,#888888), color-stop(100%,#ff7f50)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7f50 0%,#ff7f50 11%,#ff7f50 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f50', endColorstr='#ff7f50',GradientType=0 ); /* IE6-9 */ -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4); } #pageContainer .header .headerContent .pageTitle { font-size: 200%; font-weight: bold; color: #990000; background-color: #ffff66; padding: 5px; text-align: center; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; } #pageContainer .header .headerContent .explanatory1 { font-color: ff9900; } body { -webkit-text-size-adjust: 100%; }
<head> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> </head> <div id="pageContainer"> <div class="header"> <div class="headerContent cf"> <div class="pageTitle">【駒ヶ根市】行政区</div> </div> </div> <p>駒ヶ根市内の16の行政区を表示しています。確認したい地点をクリックすると、行政区名が表示されます。<br/> なお、あくまで目安となりますので、ご了承のうえご利用をお願いします。正確な情報を確認したい場合には、<br/> お手数ですが、各区へお問い合わせください。</p> </div> <style type="text/css"> html { height: 100% } body { height: 100%; width: 100%; margin: 8px; padding: 3px } #map_canvas { height: 100% } </style> <div id="map_canvas" style="width:100%; height:100%"></div>
Preview
Input Data
ReadMe
Snapshots
This application does not using any data or contains private/limited data.
Link http://app.linkdata.org/run/app1s1071i?tab=readme
jquery-1.7.1.min.js
http://maps.googleapis.com/maps/api/js?sensor=false&hl=ja
Work
Add
Clear
insert work id or work name.