件名: アイコンとトラックの軌跡を別々に表示
記事No 947
投稿日 : 2019/02/08(Fri) 16:59:19
投稿者 マーシー
参照先 http://www7b.biglobe.ne.jp/~daigosangakukai/index.html
(1)アイコンとトラックのURLを別々に用意する
アイコンDataの名前を ○○_i.kml
トラックDataの名前を ○○_t.kml とする

(2) param.url = (param.url.match(/^https?:/) ? '' : baseurl) + param.url;
のあとに
var url_i = param.url;
var url_t = param.url.replace('_i.kml','_t.kml'); ’語尾を入れ替える
を追加する。

(3) var layer = new Y.GeoXmlLayer(param.url);
ymap.addLayer(layer);
icnlayer.execute();
の部分をアイコンとトラックを別々に書く
var icnlayer = new Y.GeoXmlLayer(url_i);
ymap.addLayer(icnlayer);
icnlayer.execute();

var trklayer = new Y.GeoXmlLayer(url_t);
ymap.addLayer(trklayer);
trklayer.execute();

(4)同様に
document.getElementById('gps').onchange = function() {
if (this.checked) {
ymap.addLayer(layer);
layer.execute();
} else {
ymap.removeLayer(layer);
}
};
の部分をアイコンとトラックを別々に書く
document.getElementById('trk').onchange = function() {
if (this.checked) {
ymap.addLayer(trklayer);
trklayer.execute();
} else {
ymap.removeLayer(trklayer);
}
};
document.getElementById('icn').onchange = function() {
if (this.checked) {
ymap.addLayer(icnlayer);
icnlayer.execute();
} else {
ymap.removeLayer(icnlayer);
}
};

(5)<div style="float:left;margin-left:5px;"><input id="gps" type="checkbox" checked="checked" />GPSデータ</div>
の代わりにに次の文を入れる
<div style="float:left;margin-left:5px;"><input id="trk" type="checkbox" checked="checked" />GPStrack</div>
<div style="float:left;margin-left:5px;"><input id="icn" type="checkbox" checked="checked" />Icon</div>

関連スレッド

返信フォーム
おなまえ
eメール
タイトル
メッセージ
参照先
画像UP
暗証キー (英数字で8文字以内)
投稿キー (右画像の数字を入力) 投稿キー

- WebForum -