件名: アイコン画像の表示切替
記事No 624
投稿日 : 2014/10/18(Sat) 09:14:55
投稿者 マーシー
参照先
あにねこさん、おはようございます。
tekutekuさんのスレに注目していたのですが、スレが伸びないので質問します。

アイコン画像の表示非表示の切り替えは次のような方法は可能でしょうか?

1)アイコンのみのKMLファイルを作る。example/routemap_icn.kml

2)地理院地図の基礎編でbasic.htlmの3にアイコンKMLファイルを加える。
var param = { div: 'map', lon: 138.995708, lat: 36.085089, zoom:15,url:'example/routemap_gpx.kml', url0 : 'example/routemap_icn.kml' };

3)basic/jsのmap.addLayer(kmlLayer);のあとにつぎを挿入する。
var icnLayer = new OpenLayers.Layer.Vector('アイコン情報', {
projection: proj_4326,
strategies: [new OpenLayers.Strategy.Fixed()],
protocol: new OpenLayers.Protocol.HTTP({
url: param.url0,
format: new OpenLayers.Format.KML({
extractStyles: true,
extractAttributes: true,
maxDepth: 2
})
})
});
map.addLayer(icnLayer);

4)kmlLayerのextractAttribute を true から false に換える。

5)Base Layer
 ◎標準地図
 ○淡色地図
Overlayes
 □GPSデータ
 □アイコン情報

になる。

素人考えですがどうでしょうか?

応用編は難しくてよくわかりません。

<p>ポップアップ窓なし:<a href="gsimaps.html?lat=36.085089&lon=138.995708&zoom=15&url=example/routemap_xml.kml&url0=example/routemap_icn.kml">ルート地図</a></p>
<p>ポップアップ窓あり:<a href="gsimaps.html?lat=36.085089&lon=138.995708&zoom=15&url=example/routemap_xml.kml&url0=example/routemap_icn.kml" onclick="return routemap(this.href)">ルート地図</a></p>

URLを読み込むコードの意味を教えてください。
&url0=example/routemap_icn.kml をつけない場合は、
param[s[0]] = decodeURIComponent(s[1]);
のあとに、たとえば
u = param[s[7]].split("xml");
url0 = u[0].concat("icn");
url0 = urlo.concat(u[1]);

なんてかんじですか?まだ勉強不足ですみません。

関連スレッド

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

- WebForum -