質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
GIS

GISとは、地理情報システムの略称です。位置・空間などの様々なデータをコンピュータを使用して加工・管理することで、情報の分析や解析を行ったり、視覚的に表示します。行政や市民生活、ビジネスなどで利用されており、活用範囲が広がっています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

Q&A

0回答

499閲覧

kmlファイルのExtendedDataへのアクセス方法について

HarunoshinI

総合スコア13

GIS

GISとは、地理情報システムの略称です。位置・空間などの様々なデータをコンピュータを使用して加工・管理することで、情報の分析や解析を行ったり、視覚的に表示します。行政や市民生活、ビジネスなどで利用されており、活用範囲が広がっています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

0グッド

1クリップ

投稿2018/12/31 08:01

前提・実現したいこと

googleマップで町堺を表示するページを作成中です。
kmlデータは、政府統計の総合窓口(https://e-stat.go.jp)から、境界データ/小地域/国勢調査/2015年/小地域(町丁・字等別)/世界測地系緯度経度・KML形式/千葉県/市川市 のデータを使用し、町堺は表示されるようになりました。
ダウンロードしたkmlファイルには、<ExtendedData>に、その町の世帯数、人口、面積なども入っているので、せっかくなのでinfoWindowに表示したいと思うのですが、<ExtendedData>へのアクセス方法が分かりません。
どなたかご教示ください。

kmlファイル

kml

1<?xml version="1.0" encoding="UTF-8"?> 2<kml xmlns="http://www.opengis.net/kml/2.2"> 3<Document> 4 ***中略*** 5 <Folder> 6 <name>h27ka12203</name> 7 <Schema id="Attr1036"> 8 <SimpleField type="string" name="KEY_CODE"></SimpleField> 9 ***中略*** 10 <SimpleField type="double" name="JINKO"></SimpleField> 11 <SimpleField type="double" name="SETAI"></SimpleField> 12 <SimpleField type="string" name="KCODE1"></SimpleField> 13 </Schema> 14 ***中略*** 15 <Placemark> 16 <name>国府台1丁目</name> 17 <visibility>1</visibility> 18 <open>0</open> 19 <styleUrl>#AddressShape1036</styleUrl> 20 <LookAt> 21 <heading>0.0</heading> 22 <tilt>0</tilt> 23 <range>5000.0</range> 24 <longitude>139.9072055556</longitude> 25 <latitude>35.7455494444</latitude> 26 </LookAt> 27 <ExtendedData> 28 <SchemaData schemaUrl="#Attr1036"> 29 <SimpleData name="KEY_CODE">12203001001</SimpleData> 30 ***中略*** 31 <SimpleData name="JINKO">806</SimpleData> 32 <SimpleData name="SETAI">404</SimpleData> 33 <SimpleData name="KCODE1">0010-01</SimpleData> 34 </SchemaData> 35 </ExtendedData> 36 <Polygon> 37 <outerBoundaryIs> 38 <LinearRing> 39 <coordinates> 40 139.9055963020,35.7407455352,100 41 139.9056815912,35.7407836817,100 42 ***中略*** 43 139.9055963020,35.7407455352,100 44 </coordinates> 45 </LinearRing> 46 </outerBoundaryIs> 47 </Polygon> 48 </Placemark> 49 ***後略***

javacriptコード(kmlレイヤをクリックする部分でログ出力しています)

javascript

1kmlLayer.addListener('click', function(kmlEvent) { 2 infoWindow.setPosition(kmlEvent.latLng); 3 infoWindow.setContent(kmlEvent.featureData.name); 4 infoWindow.open(map); 5 // ログに出力 6 console.log('1:' + JSON.stringify(kmlEvent.featureData)); 7 console.log('2:' + JSON.stringify(kmlEvent.featureData.name)); 8 console.log('3:' + JSON.stringify(kmlEvent.featureData.description)); 9 console.log('4:' + JSON.stringify(kmlEvent.featureData.infoWindowHtml)); 10 console.log('5:' + JSON.stringify(kmlEvent.latLng)); 11 console.log('6:' + JSON.stringify(kmlEvent.ExtendedData)); 12});

ログ結果

  1. {"id":"ge4a35cccb25c9468","info_window_html":"<h3>北方町</h3><br><br>\n<table border="1">\n</table>\n","name":"北方町","status":"OK","infoWindowHtml":"<div style="font-family: Roboto,Arial,sans-serif; font-size: small"><h3>北方町</h3><br><br>\n<table border="1">\n</table>\n</div>"}
  2. "北方町"
  3. undefined
  4. 番号リスト"<div style="font-family: Roboto,Arial,sans-serif; font-size: small"><h3>北方町</h3><br><br>\n<table border="1">\n</table>\n</div>"
  5. {"lat":35.73351142510615,"lng":139.9549990927734}
  6. undefined

備考

ログ出力してみると、featureData.nameやlatLngなどは読み取れました。いろいろ試してみてもExtendedDataに含まれる人口や面積などへのアクセス方法が分からないので、よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問