件名: アイコン画像の表示切替
記事No 666
投稿日 : 2014/11/01(Sat) 13:17:41
投稿者 マーシー
参照先 http://park16.wakwak.com/~marsie/nagano.htm
  << ルートマップのアイコン画像やトラックの軌跡をOn/Offする方法 >>

1)トラックのみとアイコンのみのKMLファイルを作ります。
 アイコンのみのKMLファイルをroutemap_xml.kml (同名旧ファイル)と差し換える
 トラックのみのKMLファイル routemap_trk.kml (頭は同じ名前)を同じフォルダに入れる 

2)kmlLayer の定義で'GPSデータ’を'アイコン情報'に換える。

var kmlLayer = new OpenLayers.Layer.Vector('アイコン情報', {

3) kmlLayer の定義の前に次のコードを入れる。

var url0 = param.url.replace('_xml','_trk');  //変数url0を定義し、アイコンkmlファイル名の語尾を換えて代入する
var trkLayer = new OpenLayers.Layer.Vector('ルート軌跡', { //トラックレイヤーを定義する
projection: proj_4326,
strategies: [new OpenLayers.Strategy.Fixed()],
protocol: new OpenLayers.Protocol.HTTP({
url: url0,                 //url は url0 にあります
format: new OpenLayers.Format.KML({
extractStyles: true,
extractAttributes: true,
maxDepth: 2
})
})
});
map.addLayer(trkLayer);  //ルート軌跡のレイヤーを追加する
}

4) 地図スイッチ切替の”+”を押すと
Base Layer
   ◎標準地図
   ○淡色地図
   Overlayes
   ■ルート軌跡
   ■アイコン情報 //になる

アイコンをクリックすると,ポップアップします

関連スレッド

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

- WebForum -