あにねこ電脳覚書 - サポート掲示板
トップに戻る
新規投稿
新着
検索
過去ログ
留意事項
管理
件名: アイコン画像の表示切替
記事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
■ルート軌跡
■アイコン情報 //になる
アイコンをクリックすると,ポップアップします
関連スレッド
▼
-
備忘録
-
マーシー
14/11/01-09:33
No.663
中心十字線の表示
-
マーシー
14/11/01-10:09
No.664
Google地図の追加
-
マーシー
14/11/01-11:34
No.665
アイコン画像の表示切替
-
マーシー
14/11/01-13:17
No.666
GPX2JSGI起動画面の変更
-
マーシー
14/11/01-13:59
No.667
アイコン画像不具合の修正
-
マーシー
14/11/01-14:27
No.668
ポップアップ窓あり
-
マーシー
14/11/02-06:59
No.669
Re: ポップアップ窓あり
-
あにねこ
14/11/02-14:00
No.670
お世話になりました
-
マーシー
14/11/02-16:12
No.672
返信フォーム
おなまえ
eメール
表示
非表示
タイトル
メッセージ
> << ルートマップのアイコン画像やトラックの軌跡を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 > ■ルート軌跡 > ■アイコン情報 //になる > > アイコンをクリックすると,ポップアップします
参照先
画像UP
暗証キー
(英数字で8文字以内)
投稿キー
(右画像の数字を入力)
-
WebForum
-