※自らの所属する組織の見解を示すものでないこの広告は、90日以上更新していないブログに表示しています。4間があいてしまったが、前回作成したベクトルタイルデータを表示する。ソースコードは、次の通りである。同フォルダにアップロードしてある。<title>国土数値情報(地価公示)</title>普通のHTMLの記述である。マルチタップデバイスでも動作することをめざして、その辺りのメタ情報を加えてある。src="TileLayer.GeoJSON.js"></script>必要なウェブ地図ライブラリをロードしている。<script>フルスクリーンのLeafletサイトを作成するときの定番のスタイルシート記述である。地図ディビジョンに全画面を割り当てている。"</table>";}属性吹き出しの中身を作成するための関数である。render_propertiesは、地物属性のオブジェクトをRubyのHashオブジェクト風に受け取り、それぞれのキーごとに、HTMLのtrを作成させ、tableに入れて返す。16]});ポイントデータにあとで割り当てるアイコンを設定している。iconUrlはアイコンのURLである。iconSizeはアイコンのサイズである。アイコンのサイズを指定することで、アイコンの中央がデータ上の点になる。アイコンのサイズを指定しなかった場合、アイコン画像の左上がデータ上の点になったと思う。139.7653]});初期位置を明示して、地図ディビジョンを作成している。URLにハッシュが含まれていない場合には、この初期位置が使われることになる。地図ディビジョンに設定している。URLにハッシュが含まれる場合には、初期位置がそこに変更されるし、地図がスクロールするごとにURL上のハッシュが変更されることになる。結果として、任意の地図表示の際にアドレスバーからURLをコピーすると、現在の地図表示がURLに埋め込まれることになる。'地理院タイル'}));地理院タイル「淡色地図」を地図ディビジョンに加えている。ふつうの画像タイルである。}));先日来作成していた「国土数値情報(地価公示)」のベクトルタイルを地図ディビジョンに追加する。L.TileLayer.GeoJSONのコンストラクタは3つの引数を取る。options)である。することにより、該当するアイコンがクリック選択になる。アイコンを設定している。月別アーカイブはてなブログをはじめよう!hfuさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。