0

KML ファイルがマップまたはサイドバーから選択されたときに、KML ファイルのカスタム フィールドからデータを取得して div id=summary セクションに表示しようとしています。サイドバーの html をコピーして要約 html セクションを作成し、(Document/Folder/Placemark/summary.text) にある KML のコンテンツをその div タグに表示したかっただけです。

<table style="width:100%;">
    <tr>
        <td>
            <div id="loaddiv">Loading.....&#160;&#160;&#160; please wait!
                <br />
            </div>
            <div id="map_canvas">
            </div>
        </td>
        <td>
            <div id="sidebar" style="width:300px;height:600px; overflow:auto"></div>
        </td>
        <td>
            <div id="summary" style="width:300px;height:600px; overflow:auto"></div>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div id="link"></div>
        </td>
    </tr>
</table>

これには、geoxml3.js ファイルからの関数のオーバーライドが必要になる可能性があるように感じます。geoxml3.js で以下のセクションを見たところ、KML ファイルから情報を取得するために何かを追加する必要があるように思われました。

        placemark = {
          name:  geoXML3.nodeValue(node.getElementsByTagName('name')[0]),
          description: geoXML3.nodeValue(node.getElementsByTagName('description')[0]),
          styleUrl: geoXML3.nodeValue(node.getElementsByTagName('styleUrl')[0]),
          id: node.getAttribute('id')
        };

サイドバー列の横に要約表列がある Web サイト: https://s20.postimg.cc/6jjcrnke5/geo1.png

KML ファイルの XML ビュー: https://s20.postimg.cc/4eyzqkqh9/geo2.png

4

2 に答える 2