変更するための関数を追加します。
また、その関数を実行するリンクを追加します。
---
} //function init() の最後
//ここを追加
function changer() {
popup.setBackgroundColor("#ffcccc");
popup.setSize(new OpenLayers.Size(100,100));
popup.setBorder("2px solid");
popup.setContentHTML("High Chickens");
}
//ここまで
</script>
</head>
<body onload="init()">
<h1 id="title">Map Control Application</h1>
<div id="layerswitcher" style="position:absolute; z-index:1;"></div>
<div id="map"></div>
<div id="paneldiv" class="olControlNavToolbar"></div>
<!-- ここを追加 function changer を実行 -->
<div style="background-color:#ccccff; margin-left:50px;" onclick="changer()"> click to modify popup's attributes</div>
---
リンクをクリックすると Popup の表示が変更されます。
0 件のコメント:
コメントを投稿